@font-face { 
	font-family: 'dtac2013_bl-webfont'; 
	src: url("../fonts/dtac2013_bl-webfont.eot?#iefix") format("embedded-opentype"), 
		 url("../fonts/dtac2013_bl-webfont.woff") format("woff"), 
		 url("../fonts/dtac2013_bl-webfont.ttf") format("truetype"), 
		 url("../fonts/dtac2013_bl-webfont.svg#dtac2013_bl-webfont") format("svg"); 
	font-weight: normal; 
	font-style: normal; 
}

@font-face { 
	font-family: 'dtac2013_lt-webfont'; 
	src: url("../fonts/dtac2013_lt-webfont.eot?#iefix") format("embedded-opentype"), 
		 url("../fonts/dtac2013_lt-webfont.woff") format("woff"), 
		 url("../fonts/dtac2013_lt-webfont.ttf") format("truetype"), 
		 url("../fonts/dtac2013_lt-webfont.svg#dtac2013_lt-webfont") format("svg"); 
	font-weight: normal; 
	font-style: normal; 
}

@font-face { 
	font-family: 'dtac2013_rg-webfont'; 
	src: url("../fonts/dtac2013_rg-webfont.eot?#iefix") format("embedded-opentype"), 
		 url("../fonts/dtac2013_rg-webfont.woff") format("woff"), 
		 url("../fonts/dtac2013_rg-webfont.ttf") format("truetype"), 
		 url("../fonts/dtac2013_rg-webfont.svg#dtac2013_rg-webfont") format("svg"); 
	font-weight: normal; 
	font-style: normal; 
}

@font-face {
    font-family: 'PSLKandaNewW5Pro';
    src: url('../fonts/PSLKandaNewW5Pro.eot');
    src: url('../fonst/PSLKandaNewW5Pro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PSLKandaNewW5Pro.woff2') format('woff2'),
        url('../fonts/PSLKandaNewW5Pro.woff') format('woff'),
        url('../fonts/PSLKandaNewW5Pro.ttf') format('truetype'),
        url('../fonts/PSLKandaNewW5Pro.svg#PSLKandaNewW5Pro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PSLKandaNewW3Pro';
    src: url('../fonts/PSLKandaNewW3Pro.eot');
    src: url('../fonts/PSLKandaNewW3Pro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PSLKandaNewW3Pro.woff2') format('woff2'),
        url('../fonts/PSLKandaNewW3Pro.woff') format('woff'),
        url('../fonts/PSLKandaNewW3Pro.ttf') format('truetype'),
        url('../fonts/PSLKandaNewW3Pro.svg#PSLKandaNewW3Pro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  	font-family: 'sukhumvit';
  	src: url('../fonts/sukhumvitset-bold.eot');
 	src: url('../fonts/sukhumvitset-bold.eot?#iefix') format('embedded-opentype'), 
		 url('../fonts/sukhumvitset-bold.woff2') format('woff2'), 
	  	 url('../fonts/sukhumvitset-bold.woff') format('woff'), 
	  	 url('../fonts/sukhumvitset-bold.ttf') format('truetype'), 
	 	 url('../fonts/sukhumvitset-bold.svg#sukhumvit') format('svg');
  	font-weight: bold;
  	font-style: normal;
}

/* line 34, ../sass/app.scss */
/* ชื่อฟ้อนใหม่  : font-family: 'PSLKandaNewW3Pro';  */
body, html { width: 100%; height: 100%; font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont'; line-height:25px; margin: 0px; background-color: #f2f4f8; }
.bg-slider {background: -webkit-linear-gradient( 30deg, rgb(26,41,128) 0%, rgb(38,208,206) 100%);
	background: linear-gradient( 30deg, rgb(26,41,128) 0%, rgb(38,208,206) 100%);}
/* line 43, ../sass/app.scss */
 .container { position: relative; width: 95%; margin: 0 auto; display: table; }
/*.container { position: relative; width: 1300px; margin-left: auto; margin-right: auto; overflow: auto; }*/
/*.container { position: relative; max-width: 82%; width: 82%; margin: 0 auto; display: table; }*/
/* line 51, ../sass/app.scss */
.menu-dropdown { cursor: pointer; }
.row-feature::before {
    background: transparent url(../../assets61/img/hatch-grey.png) repeat scroll 0 0;
    border-bottom: 1px solid #d5d8d9;
    clear: both;
    content: "";
    display: block;
    width: 100%;
    height: 16px;
    margin-top: 30px;
    position: relative;
}

.block-title {padding: 0 26px; 
	background: linear-gradient(
90deg,#c467f5,#53f3ff);
    color: #fff;
    overflow: hidden;
    position: relative; }
/* line 55, ../sass/app.scss */
.menu-hover { cursor: pointer; }

/* line 59, ../sass/app.scss */
.active { display: block !important; /*-webkit-animation: fadein 0.2s ease-in alternate; -moz-animation: fadein 0.2s ease-in alternate; animation: fadein 0.2s ease-in alternate;*/ }

/* line 66, ../sass/app.scss */
.hover { -webkit-animation: none !important; -moz-animation: none !important; animation: none !important; }

/* line 72, ../sass/app.scss */
.hover:hover { opacity: 1 !important; }
/* line 74, ../sass/app.scss */
.hover:hover .menu-hover { opacity: 1 !important; background-color: #ebeeee !important; }
/* line 77, ../sass/app.scss */
.hover:hover .menu-hover .text-link { color: #22388b !important; }
/* line 80, ../sass/app.scss */
.hover:hover .menu-hover .has-child::before { background: #22388b !important; }
/* line 83, ../sass/app.scss */
.hover:hover .menu-hover .has-child::after { background: #22388b !important; }
/* line 87, ../sass/app.scss */
.hover:hover .dropdown-hover { display: block !important; }

/* line 92, ../sass/app.scss */
.btn-register { display: inline-block; padding: 0 15px 0 15px; line-height: 35px; color: #000; text-align: center; font-size: 14px; line-height: 35px; border-radius: 30px; margin-right: 5px; text-decoration: none; cursor: pointer; }

/* line 106, ../sass/app.scss */
.btn-yellow { background-color: #ffda37 !important; }

/* line 110, ../sass/app.scss */
.btn-green { background-color: #d9534f; color:#fff !important; }

/* line 114, ../sass/app.scss */
.btn-register:hover { opacity: 0.9; }

/* line 118, ../sass/app.scss */
.box-lang { display: inline-block; position: relative; }
/* line 121, ../sass/app.scss */
.box-lang .menu-dropdown { cursor: pointer; text-decoration: none; font-size: 19px; }
/* line 126, ../sass/app.scss */
.box-lang .icon-th { display: block; background: url("../img/flags/24/Thailand.png") no-repeat center left; width: 50px; height: 49px; display: inline-block; cursor: pointer; color: #ffffff; text-align: right; line-height: 48px;}
/* line 137, ../sass/app.scss */
.box-lang .icon-th:hover { opacity: 0.8; }
/* line 140, ../sass/app.scss */
.box-lang .icon-en { display: block; background: url("../img/flags/24/United States of America(USA).png") no-repeat center left; width: 50px; height: 49px; display: inline-block; cursor: pointer; color: #ffffff; text-align: right; line-height: 48px; }
/* line 151, ../sass/app.scss */
.box-lang .icon-en:hover { opacity: 0.8; }
/* line 154, ../sass/app.scss */
.box-lang .icon-ch { display: block; background: url("../img/flags/24/China.png") no-repeat center left; width: 50px; height: 49px; display: inline-block; cursor: pointer; color: #ffffff; text-align: right; line-height: 48px; }
/* line 165, ../sass/app.scss */
.box-lang .icon-ch:hover { opacity: 0.8; }

/* line 170, ../sass/app.scss */
.header { width: 100%; z-index: 100; position: absolute; } /*relative* /
/* line 174, ../sass/app.scss */
.header .content-header .top { width: 100%; height: 95px; background-color: #2457aa;}
/* line 179, ../sass/app.scss */
.header .content-header .top div .box-logo { float: left; width: 249px; display: table; height: 95px; padding-right: 15px; box-sizing: border-box; }
/* line 186, ../sass/app.scss */
.header .content-header .top div .box-logo .logo-inner { width: 100%; display: table-cell; vertical-align: middle; }
/* line 190, ../sass/app.scss */
.header .content-header .top div .box-logo .logo-inner img { width: 80%; display: block; }
/* line 196, ../sass/app.scss */
.header .content-header .top div .box-link { float: left; display: table; height: 95px; }
/* line 200, ../sass/app.scss */
.header .content-header .top div .box-link .list-link { padding: 0 15px 0 15px; box-sizing: border-box; display: table-cell !important; vertical-align: middle; text-decoration: none; color: #fff; font-size:1.2em; font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont'; /* font-family: 'PSLKandaNewW5Pro'; */}
/* line 209, ../sass/app.scss */
.header .content-header .top div .box-link .list-link:hover { background-color: #ebeeee; color: #041d7d; opacity: 0.8; -moz-box-shadow: inset 0 -4px 0 #fac230; -webkit-box-shadow: inset 0 -4px 0 #fac230; box-shadow: inset 0 -4px 0 #fac230; }
/* line 217, ../sass/app.scss */
.header .content-header .top div .box-link .active { background-color: #ebeeee; color: #041d7d; -moz-box-shadow: inset 0 -4px 0 #fac230; -webkit-box-shadow: inset 0 -4px 0 #fac230; box-shadow: inset 0 -4px 0 #fac230; font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont';}
/* line 225, ../sass/app.scss */
.header .content-header .top div .box-member { float: right; display: table; height: 95px; }
/* line 229, ../sass/app.scss */
.header .content-header .top div .box-member .btn-app { padding: 5px 5px 5px 5px; box-sizing: border-box; position: relative; display: table-cell; vertical-align: middle; font-size: 14px; line-height: 14px; }
/* line 237, ../sass/app.scss */
.header .content-header .top div .box-member .btn-app .menu-dropdown:hover { opacity: 0.8; }
/* line 241, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signin { padding: 5px 5px 5px 5px; box-sizing: border-box; display: table-cell; vertical-align: middle; font-size: 14px; line-height: 14px; }
/* line 248, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signin .text-signin { display: inline; cursor: pointer; color: #fee013; text-decoration:none; }
/* line 253, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signin .text-signin:hover { opacity: 0.8; }
/* line 256, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signin .text-signup { display: inline; cursor: pointer; color: #fff; }
/* line 261, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signin .text-signup:hover { opacity: 0.8; }
/* line 265, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signout { position: relative; display: table-cell; vertical-align: middle; font-size: 14px; line-height: 14px; }
/* line 272, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signout .menu-dropdown .has-child { position: relative; padding-right: 30px !important; }
/* line 276, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signout .menu-dropdown .has-child::before { -webkit-transform: rotate(45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(45deg); /* IE 9 */ transform: rotate(45deg); /* Firefox 16+, IE 10+, Opera */ right: 12px; content: ''; position: absolute; top: 50%; margin-top: -1px; height: 2px; width: 9px; background: #000; }
/* line 289, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signout .menu-dropdown .has-child::after { -webkit-transform: rotate(-45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(-45deg); /* IE 9 */ transform: rotate(-45deg); /* Firefox 16+, IE 10+, Opera */ right: 7px; content: ''; position: absolute; top: 50%; margin-top: -1px; height: 2px; width: 9px; background: #000; }
/* line 302, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signout .menu-dropdown .active::before { -webkit-transform: rotate(-45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(-45deg); /* IE 9 */ transform: rotate(-45deg); /* Firefox 16+, IE 10+, Opera */ }
/* line 307, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signout .menu-dropdown .active::after { -webkit-transform: rotate(45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(45deg); /* IE 9 */ transform: rotate(45deg); /* Firefox 16+, IE 10+, Opera */ }
/* line 313, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signout .menu-dropdown:hover { opacity: 0.8; }
/* line 320, ../sass/app.scss */
.header .content-header .bottom { z-index: 100; width: 100%; }
/* line 323, ../sass/app.scss */
.header .content-header .bottom .box-title { display: none; width: 100%; height: 40px; background-color: #eee; }
/* line 329, ../sass/app.scss */
.header .content-header .bottom .box-title div .text-title { font-size: 20px; color: #2b3f8f; line-height: 40px; }
/* line 336, ../sass/app.scss */
.header .content-header .bottom .box-menu { width: 100%; height: 50px; background-color: #10459d; box-shadow: 0 3px 10px rgba(0,0,0,.29);}
/* line 341, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link { float: left; }
/* line 343, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link { float: left; }
/* line 345, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-link { float: left; height: 50px; line-height: 50px; }
/* line 349, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-link .home { font-size: 18px !important; padding: 0 10px 0 10px; box-sizing: border-box; color: #fff; }
/* line 356, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-link:hover { background-color: #ebeeee; }
/* line 358, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-link:hover .home { color: #22388b; }
/* line 362, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown, .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-hover { cursor: pointer; float: left; height: 50px; cursor: pointer; float: left; height: 50px; line-height: 50px;font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont'; }
/* line 371, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown .other i, .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-hover .other i { margin-right: 5px; }
/* line 375, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown .text-link, .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-hover .text-link { padding: 0 10px 0 10px; box-sizing: border-box; font-size: 14px; color: #fff; text-decoration: none; }
/* line 382, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown .has-child, .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-hover .has-child { position: relative; padding-right: 30px !important; }
/* line 386, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown .has-child::before, .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-hover .has-child::before { -webkit-transform: rotate(45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(45deg); /* IE 9 */ transform: rotate(45deg); /* Firefox 16+, IE 10+, Opera */ right: 12px; content: ''; position: absolute; top: 50%; margin-top: -1px; height: 2px; width: 9px; background: #fff; }
/* line 399, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown .has-child::after, .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-hover .has-child::after { -webkit-transform: rotate(-45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(-45deg); /* IE 9 */ transform: rotate(-45deg); /* Firefox 16+, IE 10+, Opera */ right: 7px; content: ''; position: absolute; top: 50%; margin-top: -1px; height: 2px; width: 9px; background: #fff; }
/* line 418, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown .active::before, .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-hover .active::before { -webkit-transform: rotate(-45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(-45deg); /* IE 9 */ transform: rotate(-45deg); /* Firefox 16+, IE 10+, Opera */ }
/* line 423, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown .active::after, .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-hover .active::after { -webkit-transform: rotate(45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(45deg); /* IE 9 */ transform: rotate(45deg); /* Firefox 16+, IE 10+, Opera */ }
/* line 428, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown.active, .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-hover.active { background-color: #ebeeee; }
/* line 430, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown.active .text-link, .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-hover.active .text-link { color: #22388b; font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont';}
/* line 433, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown.active .has-child::before, .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-hover.active .has-child::before { background: #22388b; font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont';}
/* line 436, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown.active .has-child::after, .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-hover.active .has-child::after { background: #22388b; font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont';}
/* line 443, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link:hover .menu-dropdown, .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link:hover .menu-hover { background-color: #ebeeee; font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont';}
/* line 445, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link:hover .menu-dropdown .text-link, .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link:hover .menu-hover .text-link { color: #22388b;  font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont';}
/* line 448, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link:hover .menu-dropdown .has-child::before, .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link:hover .menu-hover .has-child::before { background: #22388b; }
/* line 451, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-sub-link .list-sub-link:hover .menu-dropdown .has-child::after, .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link:hover .menu-hover .has-child::after { background: #22388b; }
/* line 457, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-right { float: right; }
/* line 459, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-right .box-search { display: inline-block; overflow: hidden; text-align: left; vertical-align: middle; display: inline-block; cursor: text; background-color: #00a5da; margin-right: 5px; z-index:99999; }
/* line 469, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-right .box-search form i { float: left; width: 35px; height: 35px; text-align: center; line-height: 35px; font-size: 20px; color: #ffffff; z-index:99999; }
/* line 478, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-right .box-search form input { float: left; background: white none repeat scroll 0 0; border: medium none; box-sizing: border-box; color: #888; width: 165px; height: 35px; line-height: 28px; position: relative; padding-left: 10px; font-size:12px; z-index:99999;}
/* line 490, ../sass/app.scss */
.header .content-header .bottom .box-menu div .box-right .box-search form input:focus { outline: none; }

/* line 502, ../sass/app.scss */
.content-dropdown-app { display: none; position: absolute; top: 80px; right: -30px; width: 300px; background-color: #fff; z-index: 20; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.24); }
/* line 511, ../sass/app.scss */
.content-dropdown-app .triangle { position: absolute; top: 1px; right: 26px; font-size: 8px; }
/* line 517, ../sass/app.scss */
.content-dropdown-app .triangle::after { content: ""; position: absolute; width: 0; height: 0; margin-left: -0.5em; bottom: -2em; left: 50%; box-sizing: border-box; border: 1em solid rgba(0, 0, 0, 0.12); border-color: transparent transparent #fff #fff; -webkit-transform-origin: 0 0; /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform-origin: 0 0; /* IE 9 */ transform-origin: 0 0; /* Firefox 16+, IE 10+, Opera */ -webkit-transform: rotate(135deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(135deg); /* IE 9 */ transform: rotate(135deg); /* Firefox 16+, IE 10+, Opera */ box-shadow: -2px 1px 2px -1px rgba(0, 0, 0, 0.24); }
/* line 536, ../sass/app.scss */
.content-dropdown-app .dropdown-top { width: 100%; color: #838383; padding: 10px 15px 10px 15px; box-sizing: border-box; border-bottom: 1px solid #eee; font-size: 16px; line-height: 16px; }
/* line 545, ../sass/app.scss */
.content-dropdown-app .dropdown-body { width: 100%; }
/* line 547, ../sass/app.scss */
.content-dropdown-app .dropdown-body .list-form { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ width: 100%; height: 50px; padding: 0 15px 0 15px; box-sizing: border-box; text-decoration: none; }
/* line 558, ../sass/app.scss */
.content-dropdown-app .dropdown-body .list-form .form-logo { float: left; width: 40px; height: 40px; margin: auto 0; background: transparent; }
/* line 564, ../sass/app.scss */
.content-dropdown-app .dropdown-body .list-form .form-logo img { width: 100%; }
/* line 568, ../sass/app.scss */
.content-dropdown-app .dropdown-body .list-form .form-text { float: left; position: relative; width: auto; -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ width: 20%; /* For old syntax, otherwise collapses. */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ margin-left: 15px; vertical-align: middle; color: #585858; margin: auto 0; }
/* line 582, ../sass/app.scss */
.content-dropdown-app .dropdown-body .list-form .form-text .content-text { padding: 0 15px 0 15px; box-sizing: border-box; }
/* line 585, ../sass/app.scss */
.content-dropdown-app .dropdown-body .list-form .form-text .content-text span { display: block; font-size: 14px; line-height: 20px; }
/* line 593, ../sass/app.scss */
.content-dropdown-app .dropdown-body .list-form:hover { opacity: 0.8; }
/* line 597, ../sass/app.scss */
.content-dropdown-app .dropdown-bottom { width: 100%; padding: 10px 15px 10px 15px; box-sizing: border-box; text-align: right; }
/* line 602, ../sass/app.scss */
.content-dropdown-app .dropdown-bottom .view-all { color: #aaa; font-size: 12px; text-decoration: none; }
/* line 606, ../sass/app.scss */
.content-dropdown-app .dropdown-bottom .view-all i { margin-right: 5px; }
/* line 610, ../sass/app.scss */
.content-dropdown-app .dropdown-bottom .view-all:hover { color: #999; }

/* line 616, ../sass/app.scss */
.content-dropdown-profile { display: none; position: absolute; top: 80px; right: -15px; width: 220px; background-color: #f8f8f8; z-index: 20; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.24); }
/* line 625, ../sass/app.scss */
.content-dropdown-profile .triangle { position: absolute; top: 1px; right: 13px; font-size: 8px; }
/* line 631, ../sass/app.scss */
.content-dropdown-profile .triangle::after { content: ""; position: absolute; width: 0; height: 0; margin-left: -0.5em; bottom: -2em; left: 50%; box-sizing: border-box; border: 1em solid rgba(0, 0, 0, 0.12); border-color: transparent transparent #fff #fff; -webkit-transform-origin: 0 0; /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform-origin: 0 0; /* IE 9 */ transform-origin: 0 0; /* Firefox 16+, IE 10+, Opera */ -webkit-transform: rotate(135deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(135deg); /* IE 9 */ transform: rotate(135deg); /* Firefox 16+, IE 10+, Opera */ box-shadow: -2px 1px 2px -1px rgba(0, 0, 0, 0.24); }
/* line 650, ../sass/app.scss */
.content-dropdown-profile .dropdown-list { width: 100%; padding: 10px 15px 10px 15px; box-sizing: border-box; border-bottom: 1px solid #eee; font-size: 16px; }
/* line 656, ../sass/app.scss */
.content-dropdown-profile .dropdown-list .link { font-size: 14px; text-decoration: none; color: #6a6783; }
/* line 660, ../sass/app.scss */
.content-dropdown-profile .dropdown-list .link i { font-size: 16px; margin-right: 10px; color: #c0c0c0; }
/* line 666, ../sass/app.scss */
.content-dropdown-profile .dropdown-list .link:hover { opacity: 0.8; }
/* line 670, ../sass/app.scss */
.content-dropdown-profile .dropdown-list:last-child { border-bottom: 0; }

/* line 675, ../sass/app.scss */
.content-dropdown-sub-link { display: none; position: absolute; top: 50px; left: -7px; width: 100%; background-color: transparent; z-index: 10; padding: 0 15px 0 15px; box-sizing: border-box; }
/* line 685, ../sass/app.scss */
.content-dropdown-sub-link .content-sub-link { width: 100%; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.24), 5px 0 5px -5px rgba(0, 0, 0, 0.24); border-bottom: 4px solid #22388b; box-sizing: border-box; height:300px;}
/* line 695, ../sass/app.scss */
.content-dropdown-sub-link .content-sub-link .col { width: 25%; display: block; background-color: #ebeeee; border-right: 1px solid #fff; padding: 15px 15px 15px 15px; box-sizing: border-box; }
/* line 702, ../sass/app.scss */
.content-dropdown-sub-link .content-sub-link .col .title { color: #4e4f4e; margin: 10px 0 10px 0; font-size: 16px; margin-top: 0; }
/* line 708, ../sass/app.scss */
.content-dropdown-sub-link .content-sub-link .col .box-image { width: 100%; }
/* line 710, ../sass/app.scss */
.content-dropdown-sub-link .content-sub-link .col .box-image img { width: 60%; height: auto; }
/* line 715, ../sass/app.scss */
.content-dropdown-sub-link .content-sub-link .col .text-content { color: #22388b; }
/* line 717, ../sass/app.scss */
.content-dropdown-sub-link .content-sub-link .col .text-content h5 { margin: 0; font-size: 16px; }
/* line 721, ../sass/app.scss */
.content-dropdown-sub-link .content-sub-link .col .text-content p { margin: 0; font-size: 14px; }
/* line 726, ../sass/app.scss */
.content-dropdown-sub-link .content-sub-link .col .box-link { opacity: 1; }
/* line 728, ../sass/app.scss */
.content-dropdown-sub-link .content-sub-link .col .box-link .link { display: block; width: 100%; margin-bottom: 15px; color: #22388b; font-size: 14px; line-height: 15px; text-decoration: none;  border-bottom: 1px dashed #dedede;font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont';}
/* line 737, ../sass/app.scss */
.content-dropdown-sub-link .content-sub-link .col .box-link .link:hover { color: #00acd7; }

/* line 742, ../sass/app.scss */
.content-dropdown-sub-link .content-sub-link .col:last-child { border-right: 0; }

/* line 748, ../sass/app.scss */
.content-dropdown-lang { display: none; position: absolute; top: 50px; left: -7px; width: 65px;; background-color: #8f8f8f; z-index: 20; padding: 7px; border-radius: 0px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.24); }
/* line 759, ../sass/app.scss */
.content-dropdown-lang .triangle { position: absolute; top: 1px; right: 15px; font-size: 8px; }
/* line 765, ../sass/app.scss */
.content-dropdown-lang .triangle::after { content: ""; position: absolute; width: 0; height: 0; margin-left: -0.5em; bottom: -2em; left: 50%; border: 1em solid rgba(0, 0, 0, 0.12); border-color: transparent transparent #8f8f8f #8f8f8f; -webkit-transform-origin: 0 0; /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform-origin: 0 0; /* IE 9 */ transform-origin: 0 0; /* Firefox 16+, IE 10+, Opera */ -webkit-transform: rotate(135deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(135deg); /* IE 9 */ transform: rotate(135deg); /* Firefox 16+, IE 10+, Opera */ box-shadow: -2px 1px 2px -1px rgba(0, 0, 0, 0.24); }
/* line 784, ../sass/app.scss */
.content-dropdown-lang a { font-size: 14px; text-decoration: none; line-height: 18px !important; height: 18px !important; }

/* line 792, ../sass/app.scss */
#panel { position: relative; padding-top: 140px; width: 100%; display: table; }
#panel-pros { position: relative; padding-top: 142px; width: 100%; display: table; padding:15px;}

/* line 798, ../sass/app.scss */
.box-news { position: relative; width: 100%; overflow: hidden; }
/* line 801, ../sass/app.scss */
.box-news .box-sliding { width: 100%;  position: relative; display: table; }
/* line 806, ../sass/app.scss */
.box-news .box-sliding .content-sliding { position: absolute; top: 0; left: 0; width: 100%; }
/* line 811, ../sass/app.scss */
.box-news .box-sliding .content-sliding .list-sliding { width: 100%; }
/* line 814, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 { overflow: hidden; background-color: #527382; }
.box-news .box-sliding .content-sliding .sliding-02 { overflow: hidden; background-color: #c09960; background-image: url(../img/bg-staff01.jpg); }
/* line 817, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div { overflow: hidden; }
/* line 819, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div .box-news-content { position: relative; padding: 1% 60px 0 60px; box-sizing: border-box; /*width: 75%;*/ height: 800px; z-index: 20; }
/* line 826, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .by-user { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ /*margin-top: 30px;*/ }
/* line 833, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .by-user .user-icon { width: 32px; height: 32px; margin-right: 10px; border-radius: 50%; overflow: hidden; border: 2px solid #fff; }
/* line 840, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .by-user .user-icon img { width: 100%; height: auto; }
/* line 845, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .by-user .user-text { color: #fff; }
/* line 847, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .by-user .user-text .title { font-size: 12px; margin: 0; line-height: 16px; }
/* line 852, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .by-user .user-text .detail { font-size: 12px; margin: 0; line-height: 16px; }
/* line 859, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .news-content { position: relative; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ color: #fff; }
/* line 867, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .news-content .content { padding: 5px 30% 40px 0; box-sizing: border-box; }
/* line 870, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .news-content .content .sub-title { font-size: 14px; margin: 0; line-height: 30px; }
/* line 876, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .news-content .content .title { font-size: 24px; margin: 0; line-height: 40px; }
/* line 881, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .news-content .content .detail { font-size: 16px; line-height: 25px; margin: 15px 0 10px 0; }
/* line 888, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .btn-view-detail { background-color: #ebc71d; color: #000; border-radius: 5px; padding: 10px 20px 10px 20px; text-decoration: none; font-size: 14px; }
/* line 896, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .btn-view-detail:hover { opacity: 0.8; }
/* line 899, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .news-date { margin: 30px 0 30px 0; color: #fff; font-size: 14px; }
/* line 903, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .news-date i { margin-right: 5px; }
/* line 908, ../sass/app.scss */
.box-news .box-sliding .content-sliding .sliding-01 div .mobile { position: absolute; top: 120px; right: 26%; right: -webkit-calc(25% + 60px); right: expression(25% + 60px); right: -moz-calc(25% + 60px); right: -o-calc(25% + 60px); right: calc(25% + 60px); width: 450px; }
/* line 921, ../sass/app.scss */
.box-news .box-sliding .content-sliding .slick-prev { left: 6%; left: -webkit-calc(5% + 10px); left: expression(5% + 10px); left: -moz-calc(5% + 10px); left: -o-calc(5% + 10px); left: calc(5% + 10px); z-index: 10; width: 40px; height: 40px; }
/* line 932, ../sass/app.scss */
.box-news .box-sliding .content-sliding .slick-prev:before { font-family: FontAwesome; content: "\f053"; color: #fff; font-size: 40px; }
/* line 938, ../sass/app.scss */
.box-news .box-sliding .content-sliding .slick-next { right: 26%; right: -webkit-calc(25% + 40px); right: expression(25% + 40px); right: -moz-calc(25% + 40px); right: -o-calc(25% + 40px); right: calc(25% + 40px); z-index: 10; width: 40px; height: 40px; }
/* line 949, ../sass/app.scss */
.box-news .box-sliding .content-sliding .slick-next:before { font-family: FontAwesome; content: "\f054"; color: #fff; font-size: 40px; }
/* line 955, ../sass/app.scss */
.box-news .box-sliding .content-sliding .slick-dots { bottom: 60px !important; right: 26%; right: -webkit-calc(25% - 300px); right: expression(25% - 300px); right: -moz-calc(25% - 300px); right: -o-calc(25% - 300px); right: calc(25% - 300px); width: 90%; }
/* line 965, ../sass/app.scss */
.box-news .box-sliding .content-sliding .slick-dots li button:before { font-size: 16px !important; color: #fff !important; opacity: 1 !important; }
/* line 972, ../sass/app.scss */
.box-news .box-sliding .content-sliding .slick-dots .slick-active button:before { color: #ffda37 !important; opacity: 1 !important; }
/* line 980, ../sass/app.scss */
.box-news .content-news { position: absolute; top: 0; left: 0; width: 100%; }
/* line 986, ../sass/app.scss */
.box-news .content-news div .box-list { position: absolute; top: 0; right: 0; width: 35%; height: 750px; background-image: url(../img/bg-news.jpg); background-repeat: no-repeat; background-size: 100%; }
/* line 995, ../sass/app.scss */
.box-news .content-news div .box-list .title { padding: 15px; box-sizing: border-box; color: #fff; font-size: 16px; line-height: 20px; }
/* line 1003, ../sass/app.scss */
.box-news .content-news div .box-list .content-media .media { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ padding: 12px 15px 12px 15px; box-sizing: border-box; border-bottom: 1px solid #455163; text-decoration: none; }
/* line 1013, ../sass/app.scss */
.box-news .content-news div .box-list .content-media .media .media-left { margin-right: 10px; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; }
/* line 1022, ../sass/app.scss */
.box-news .content-news div .box-list .content-media .media .media-left .icon-news { width: 65px; height: 65px; display: block; position: relative; }
/* line 1027, ../sass/app.scss */
.box-news .content-news div .box-list .content-media .media .media-left .icon-news img { width: 100%; height: 100%; }
/* line 1033, ../sass/app.scss */
.box-news .content-news div .box-list .content-media .media .media-content { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; text-align: left; height: 65px; overflow: hidden; }
/* line 1045, ../sass/app.scss */
.box-news .content-news div .box-list .content-media .media .media-content .text-news p { font-size: 14px; line-height: 22px; color: #fff; margin: 0; }
/* line 1054, ../sass/app.scss */
.box-news .content-news div .box-list .content-media .media:hover { /*opacity: 0.8;*/ color:#FC3; }
/* line 1057, ../sass/app.scss */
.box-news .content-news div .box-list .content-media .media:first-child { padding-top: 0; }
/* line 1060, ../sass/app.scss */
.box-news .content-news div .box-list .content-media .media:last-child { border-bottom: 0; }
/* line 1064, ../sass/app.scss */
.box-news .content-news div .box-list .bottom { position: absolute; bottom: 0; right: 0; width: 100%; }
/* line 1069, ../sass/app.scss */
.box-news .content-news div .box-list .bottom .view-all-news { background-color: #00a5da; text-align: center; display: block; font-size: 1.2em; color: #fff; line-height: 50px; text-decoration: none; }
/* line 1078, ../sass/app.scss */
.box-news .content-news div .box-list .bottom .view-all-news:hover { opacity: 1; }

/* line 1087, ../sass/app.scss */
.box-label-text { width: 100%; position: relative; }
/* line 1090, ../sass/app.scss */
.box-label-text div { background-color: #fff; text-align: center;/* padding: 15px;*/ box-sizing: border-box; }
/* line 1095, ../sass/app.scss */
.box-label-text div p { color: #5c616c; font-size: 16px; margin: 0px; }
/* line 1099, ../sass/app.scss */
.box-label-text div p span { color: #2f4cb8; }

/* line 1106, ../sass/app.scss */
.box-btn-link { width: 100%; position: relative; }
/* line 1109, ../sass/app.scss */
.box-btn-link div { background-color: #fff; }
/* line 1111, ../sass/app.scss */
.box-btn-link div .content-btn-link { position: relative; width: 100%; padding: 15px; box-sizing: border-box; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
/* line 1121, ../sass/app.scss */
.box-btn-link div .content-btn-link .btn-link { -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ width: 20%; /* For old syntax, otherwise collapses. */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ display: block; height: 45px; line-height: 45px; margin: 0 7.5px 0 7.5px; border: 1px solid #d5d8d9; box-sizing: border-box; text-align: center; text-decoration: none; color: #5f5e5e; /*border: 1px solid #eaebeb;*/
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.06);; font-size: 18px; }
/* line 1140, ../sass/app.scss */
.box-btn-link div .content-btn-link .btn-link:hover { color: #000; background-color: #fbb733; }
/* line 1144, ../sass/app.scss */
.box-btn-link div .content-btn-link .active { color: #fff; background-color: #fbb733; }

/* line 1152, ../sass/app.scss */
.box-media { width: 100%; position: relative; }
/* line 1155, ../sass/app.scss */
.box-media div { background-color: #fff; }
/* line 1157, ../sass/app.scss */
.box-media div .content-media { width: 100%; /*padding: 15px;*/ box-sizing: border-box; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
/* line 1166, ../sass/app.scss */
.box-media div .content-media .col-left { width: 98%; padding-right: 7.5px; box-sizing: border-box; overflow:hidden; }
/* line 1170, ../sass/app.scss */
.box-media div .content-media .col-left .box-media-sliding { width: 100%; height: 415px; position: relative; display: table; }
/* line 1175, ../sass/app.scss */
.box-media div .content-media .col-left .box-media-sliding .media-sliding { width: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
/* line 1181, ../sass/app.scss */
.box-media div .content-media .col-left .box-media-sliding .media-sliding .sliding-media-01 { position: relative; width: 100%; }
/* line 1184, ../sass/app.scss */
.box-media div .content-media .col-left .box-media-sliding .media-sliding .sliding-media-01 .box-image { position: relative; width: 100%; height: 415px; background-color: #eee; overflow: hidden; }
/* line 1190, ../sass/app.scss */
.box-media div .content-media .col-left .box-media-sliding .media-sliding .sliding-media-01 .box-image img { position: absolute; left: 50%; top: 50%;  height: auto; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/* line 1200, ../sass/app.scss */
.box-media div .content-media .col-left .box-media-sliding .media-sliding .sliding-media-01 .box-image .box-text { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; color: #fff; background-color: rgba(103, 110, 119, 0.9); padding: 10px; box-sizing: border-box; }
/* line 1211, ../sass/app.scss */
.box-media div .content-media .col-left .box-media-sliding .media-sliding .sliding-media-01 .box-image .box-text span { font-size: 16px; }
/* line 1215, ../sass/app.scss */
.box-media div .content-media .col-left .box-media-sliding .media-sliding .sliding-media-01 .box-image .media-text-register { display: block; position: absolute; right: 10px; bottom: 5px; color: #fff; background: transparent; }
/* line 1222, ../sass/app.scss */
.box-media div .content-media .col-left .box-media-sliding .media-sliding .sliding-media-01 .box-image .media-text-register span { font-size: 20px; }
/* line 1224, ../sass/app.scss */
.box-media div .content-media .col-left .box-media-sliding .media-sliding .sliding-media-01 .box-image .media-text-register span i { font-size: 14px; }
/* line 1233, ../sass/app.scss */
.box-media div .content-media .col-left .box-media-sliding .media-sliding .sliding-media-01:hover .box-image .box-text { background-color: #22388b; }
/* line 1238, ../sass/app.scss */
.box-media div .content-media .col-left .box-media-sliding .media-sliding .slick-prev { top: 15px; right: 30px; z-index: 10; width: 30px; height: 30px; left: auto; background-color: #dededd; }
/* line 1247, ../sass/app.scss */
.box-media div .content-media .col-left .box-media-sliding .media-sliding .slick-prev:before { font-family: FontAwesome; font-size: 20px; content: "\f053"; color: #000; line-height: 30px; }
/* line 1254, ../sass/app.scss */
.box-media div .content-media .col-left .box-media-sliding .media-sliding .slick-next { top: 15px; right: 0; z-index: 10; width: 30px; height: 30px; background-color: #dededd; }
/* line 1262, ../sass/app.scss */
.box-media div .content-media .col-left .box-media-sliding .media-sliding .slick-next:before { font-family: FontAwesome; font-size: 20px; content: "\f054"; color: #000; line-height: 30px; }
/* line 1269, ../sass/app.scss */
.box-media div .content-media .col-left .box-media-sliding .media-sliding .slick-dots { display: none !important; }
/* line 1274, ../sass/app.scss */
.box-media div .content-media .col-left .media-bottom { width: 100%; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
/* line 1281, ../sass/app.scss */
.box-media div .content-media .col-left .media-bottom .media-bottom-left { position: relative; width: 50%; height: 45px; margin-top: 15px; margin-right: 7.5px; padding: 15px; box-sizing: border-box; background-image: url(../img/tmp734491053117145090-600x316.jpg); background-repeat: no-repeat; background-size: 100%; background-position: center center; -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ width: 20%; /* For old syntax, otherwise collapses. */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
/* line 1299, ../sass/app.scss */
.box-media div .content-media .col-left .media-bottom .media-bottom-left .layer { background-color: rgba(103, 110, 119, 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* line 1306, ../sass/app.scss */
.box-media div .content-media .col-left .media-bottom .media-bottom-left .layer a { line-height: 45px; display: block; text-decoration: none; color: #fff; padding-left: 15px; }
/* line 1313, ../sass/app.scss */
.box-media div .content-media .col-left .media-bottom .media-bottom-left .layer i { line-height: 45px; float: right; font-size: 14px; color: #fff; margin-right: 10px; }
/* line 1323, ../sass/app.scss */
.box-media div .content-media .col-left .media-bottom .media-bottom-left:hover .layer { background-color: #22388b; }
/* line 1327, ../sass/app.scss */
.box-media div .content-media .col-left .media-bottom .media-bottom-right { position: relative; width: 50%; height: 45px; margin-top: 15px; margin-left: 7.5px; background-image: url(../img/GRS_2662.jpg); background-repeat: no-repeat; background-size: 100%; background-position: center center; -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ width: 20%; /* For old syntax, otherwise collapses. */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
/* line 1343, ../sass/app.scss */
.box-media div .content-media .col-left .media-bottom .media-bottom-right .layer { background-color: rgba(103, 110, 119, 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* line 1350, ../sass/app.scss */
.box-media div .content-media .col-left .media-bottom .media-bottom-right .layer a { *line-height: 45px;*/ display: block; text-decoration: none; color: #fff; padding-left: 15px;}
/* line 1357, ../sass/app.scss */
.box-media div .content-media .col-left .media-bottom .media-bottom-right .layer i { line-height: 45px; float: right; font-size: 14px; color: #fff; margin-right: 10px; }
/* line 1367, ../sass/app.scss */
.box-media div .content-media .col-left .media-bottom .media-bottom-right:hover .layer { background-color: #22388b; }
/* line 1373, ../sass/app.scss */
.box-media div .content-media .col-right { width: 50%; padding-left: 7.5px; box-sizing: border-box; overflow:hidden; }
/* line 1377, ../sass/app.scss */
.box-media div .content-media .col-right .box-top { width: 100%; }
/* line 1379, ../sass/app.scss */
.box-media div .content-media .col-right .box-top .box-row { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
/* line 1385, ../sass/app.scss */
.box-media div .content-media .col-right .box-top .box-row .media-left { width: 50%; height: 200px; padding-right: 7.5px; box-sizing: border-box; }
/* line 1390, ../sass/app.scss */
.box-media div .content-media .col-right .box-top .box-row .media-left .box-image { position: relative; width: 100%; height: 200px; background-color: #eee; overflow: hidden; display: block; }
/* line 1397, ../sass/app.scss */
.box-media div .content-media .col-right .box-top .box-row .media-left .box-image img { position: absolute; left: 50%; top: 50%; height: auto; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/* line 1407, ../sass/app.scss */
.box-media div .content-media .col-right .box-top .box-row .media-left .box-image .box-text { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; color: #fff; background-color: rgba(103, 110, 119, 0.9); padding-left: 15px; box-sizing: border-box; }
/* line 1418, ../sass/app.scss */
.box-media div .content-media .col-right .box-top .box-row .media-left .box-image .box-text span { line-height: 45px; font-size: 16px; }
/* line 1422, ../sass/app.scss */
.box-media div .content-media .col-right .box-top .box-row .media-left .box-image .box-text i { float: right; line-height: 45px; font-size: 14px; margin-right: 10px; }
/* line 1431, ../sass/app.scss */
.box-media div .content-media .col-right .box-top .box-row .media-left .box-image:hover .box-text { background-color: #22388b; }
/* line 1436, ../sass/app.scss */
.box-media div .content-media .col-right .box-top .box-row .media-right { width: 50%; height: 200px; padding-left: 7.5px; box-sizing: border-box; }
/* line 1441, ../sass/app.scss */
.box-media div .content-media .col-right .box-top .box-row .media-right .box-image { position: relative; width: 100%; height: 200px; background-color: #eee; overflow: hidden; display: block; }
/* line 1448, ../sass/app.scss */
.box-media div .content-media .col-right .box-top .box-row .media-right .box-image img { position: absolute; left: 50%; top: 50%; height: auto; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/* line 1458, ../sass/app.scss */
.box-media div .content-media .col-right .box-top .box-row .media-right .box-image .box-text { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; color: #fff; background-color: rgba(103, 110, 119, 0.9); padding-left: 15px; box-sizing: border-box; }
/* line 1469, ../sass/app.scss */
.box-media div .content-media .col-right .box-top .box-row .media-right .box-image .box-text span { line-height: 45px; font-size: 16px; }
/* line 1473, ../sass/app.scss */
.box-media div .content-media .col-right .box-top .box-row .media-right .box-image .box-text i { float: right; line-height: 45px; font-size: 14px; margin-right: 10px; }
/* line 1482, ../sass/app.scss */
.box-media div .content-media .col-right .box-top .box-row .media-right .box-image:hover .box-text { background-color: #22388b; }
/* line 1488, ../sass/app.scss */
.box-media div .content-media .col-right .box-top .box-row:last-child { margin-top: 15px; }
/* line 1492, ../sass/app.scss */
.box-media div .content-media .col-right .box-bottom { width: 100%; }
/* line 1494, ../sass/app.scss */
.box-media div .content-media .col-right .box-bottom .media-bottom { position: relative; height: 45px; width: 100%; margin-top: 15px; margin-right: 7.5px; padding: 15px; box-sizing: border-box; background-image: url(../img/tmp734491053117145090-600x316.jpg); background-repeat: no-repeat; background-size: 100%; background-color: rgba(0, 0, 0, 0.8); }
/* line 1506, ../sass/app.scss */
.box-media div .content-media .col-right .box-bottom .media-bottom .layer { background-color: rgba(103, 110, 119, 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* line 1513, ../sass/app.scss */
.box-media div .content-media .col-right .box-bottom .media-bottom .layer a { line-height: 45px; display: block; text-decoration: none; color: #fff; padding-left: 15px; }
/* line 1520, ../sass/app.scss */
.box-media div .content-media .col-right .box-bottom .media-bottom .layer i { line-height: 45px; float: right; font-size: 14px; color: #fff; margin-right: 10px; }
/* line 1530, ../sass/app.scss */
.box-media div .content-media .col-right .box-bottom .media-bottom:hover .layer { background-color: #22388b; }

/* line 1540, ../sass/app.scss */
.box-success { position: relative; width: 100%; }
/* line 1543, ../sass/app.scss */
.box-success div { background-color: #fff; }
/* line 1545, ../sass/app.scss */
.box-success div .text-title-success { padding: 15px 15px 0 15px; box-sizing: border-box; }
/* line 1548, ../sass/app.scss */
.box-success div .text-title-success h4 { font-size: 18px; margin: 0; }
/* line 1553, ../sass/app.scss */
.box-success div .content-success { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ padding: 15px; box-sizing: border-box; }
/* line 1561, ../sass/app.scss */
.box-success div .content-success .box-content-success { position: relative; width: 100%; }
/* line 1564, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-left { float: left; width: 40%; }
/* line 1567, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-left .box-image { position: relative; width: 100%; height: 250px; background-color: #eee; overflow: hidden; display: block; cursor: pointer; }
/* line 1575, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-left .box-image img { position: absolute; left: 50%; top: 50%; height: auto; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/* line 1587, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right { position: relative; float: left; width: 60%; background-color: #f9f9f9; }
/* line 1592, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding { width: 100%; height: 250px; position: relative; display: table; }
/* line 1597, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding { position: absolute; top: 0; left: 0; padding: 15px 60px 15px 60px; box-sizing: border-box; height: 250px; width: 100%; margin: 0; overflow: hidden; }
/* line 1607, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .director { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
/* line 1613, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .director .dirctor-left { margin-right: 10px; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; text-align: center; }
/* line 1623, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .director .dirctor-left .icon-dirctor { width: 100px; height: 100px; display: block; position: relative; border-radius: 50%; overflow: hidden; }
/* line 1630, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .director .dirctor-left .icon-dirctor img { width: 100%; height: 100%; }
/* line 1636, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .director .director-content { width: 100%; text-align: center; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; overflow: hidden; }
/* line 1647, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .director .director-content p { font-size: 14px; line-height: 22px; color: #000; margin: 0; }
/* line 1655, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .slick-prev { z-index: 10; left: 15px; }
/* line 1659, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .slick-prev:before { color: #000; }
/* line 1662, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .slick-next { z-index: 10; right: 15px; }
/* line 1666, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .slick-next:before { color: #000; }
/* line 1669, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .slick-dots { left: 0 !important; bottom: 40px; }
/* line 1672, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .slick-dots li { width: 40px; height: 40px; padding: 0; margin: 0 10px; }
/* line 1677, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .slick-dots li button:before { content: ''; border-radius: 50%; background-repeat: no-repeat; background-size: 100%; opacity: 1 !important; width: 40px; height: 40px; }
/* line 1688, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .slick-dots li:nth-child(1) button:before { content: ''; background-image: url(../img/director01.jpg); }
/* line 1694, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .slick-dots li:nth-child(2) button:before { content: ''; background-image: url(../img/director02.jpg); }
/* line 1700, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .slick-dots li:nth-child(3) button:before { content: ''; background-image: url(../img/director03.jpg); }
/* line 1705, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .slick-dots .slick-active { border: 2px solid #36d64c; border-radius: 50%; }
/* line 1708, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .slick-dots .slick-active button:before { opacity: 1 !important; }
/* line 1715, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .btn-view-all { position: absolute; right: 0; bottom: 5px; }
/* line 1719, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .btn-view-all .text-link { padding: 5px 15px 5px 15px; font-size: 16px; color: #1b1b1b; text-decoration: none; background-color: #c8c8c8; }
/* line 1725, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .btn-view-all .text-link i { margin-left: 10px; font-size: 14px; color: #a2a4ad; }
/* line 1731, ../sass/app.scss */
.box-success div .content-success .box-content-success .content-success-right .btn-view-all .text-link:hover { opacity: 0.8; }

/* line 1741, ../sass/app.scss */
.box-other { position: relative; width: 100%; /*background-color: #f2f4f8;*/ /*padding-bottom: 400px; */}
/* line 1747, ../sass/app.scss */
.box-other div .text-title-other { padding: 10px 10px 0 10px; box-sizing: border-box; }
/* line 1750, ../sass/app.scss */
.box-other div .text-title-other h4 { font-size: 14px; margin: 0; }
/* line 1755, ../sass/app.scss */
.box-other div .box-other-sliding { width: 100%; height: 460px; position: relative; display: table; margin-top: -25px; }
/* line 1760, ../sass/app.scss */
.box-other div .box-other-sliding .other-sliding { position: absolute; top: 0; left: 0; width: 100%; /*padding: 15px 50px 15px 50px;*/ box-sizing: border-box; margin-bottom: 0 !important; }
/* line 1768, ../sass/app.scss */
.box-other div .box-other-sliding .other-sliding .other { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ width: 25%; background-color: #fff; margin: 0 5px 0 5px; margin-top: 35px; /*padding: 0.71429rem !important;*/ box-sizing: border-box; text-decoration: none;border-radius: 4px; }
/* line 1780, ../sass/app.scss */
.box-other div .box-other-sliding .other-sliding .other .other-left { margin-right: 10px; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; }
/* line 1789, ../sass/app.scss */
.box-other div .box-other-sliding .other-sliding .other .other-left .icon-other { width: 70px; height: 8   0px; display: block; position: relative; overflow: hidden; }
/* line 1795, ../sass/app.scss */
.box-other div .box-other-sliding .other-sliding .other .other-left .icon-other img { width: 100%; height: 100%; }
/* line 1801, ../sass/app.scss */
.box-other div .box-other-sliding .other-sliding .other .other-content { width: 100%; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; overflow: hidden; }
/* line 1811, ../sass/app.scss */
.box-other div .box-other-sliding .other-sliding .other .other-content .title { color: #43c7ad; margin-bottom: 5px; }
/* line 1815, ../sass/app.scss */
.box-other div .box-other-sliding .other-sliding .other .other-content p { font-size: 13px; line-height: 20px; color: #000; margin: 0;font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont'; }
/* line 1823, ../sass/app.scss */
.box-other div .box-other-sliding .other-sliding .other:hover { opacity: 0.8; }
/* line 1826, ../sass/app.scss */
.box-other div .box-other-sliding .other-sliding .slick-prev { left: 15px; z-index: 10; width: 30px; height: 130px; }
/* line 1832, ../sass/app.scss */
.box-other div .box-other-sliding .other-sliding .slick-prev:before { font-family: FontAwesome; font-size: 90px; content: "\f104"; color: #495057; line-height: 30px; }
/* line 1839, ../sass/app.scss */
.box-other div .box-other-sliding .other-sliding .slick-next { right: 15px; z-index: 10; width: 30px; height: 130px; }
/* line 1845, ../sass/app.scss */
.box-other div .box-other-sliding .other-sliding .slick-next:before { font-family: FontAwesome; font-size: 90px; content: "\f105"; color: #495057; line-height: 30px; }
/* line 1852, ../sass/app.scss */
.box-other div .box-other-sliding .other-sliding .slick-dots { display: none !important; }

/* line 1860, ../sass/app.scss */
.footer { position: relative; width: 100%; /*border-top: 1px solid #d0d0d0;*/ }
/* line 1864, ../sass/app.scss */
.footer .footer-top { background-color: #0063d1; } /*สีเดิม #f9f9f9*/
/* line 1867, ../sass/app.scss */
.footer .footer-top div .col-left { float: left; width: 75%; position: relative; /*padding: 15px; */box-sizing: border-box; overflow:hidden; }
/* line 1873, ../sass/app.scss */
.footer .footer-top div .col-left .box-title { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
/* line 1879, ../sass/app.scss */
.footer .footer-top div .col-left .box-title .text-university { padding-right: 30px; border-right: 1px solid #e0dfdf; }
/* line 1882, ../sass/app.scss */
.footer .footer-top div .col-left .box-title .text-university p { font-size: 20px; line-height: 22px; margin: 0; color: #fff; }
/* line 1889, ../sass/app.scss */
.footer .footer-top div .col-left .box-title .box-image { height: 44px; margin-left: 30px; }
/* line 1892, ../sass/app.scss */
.footer .footer-top div .col-left .box-title .box-image img { width: auto; height: 100%; }
/* line 1898, ../sass/app.scss */
.footer .footer-top div .col-left .box-content-link { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
/* line 1904, ../sass/app.scss */
.footer .footer-top div .col-left .box-content-link .col-link:first-child { width: 26%; }
/* line 1907, ../sass/app.scss */
.footer .footer-top div .col-left .box-content-link .col-link:last-child { width: 20%; }
/* line 1910, ../sass/app.scss */
.footer .footer-top div .col-left .box-content-link .col-link { width: 18%; padding-right: 10px; }
/* line 1913, ../sass/app.scss */
.footer .footer-top div .col-left .box-content-link .col-link .title-link { display: block; margin-bottom: 5px; font-size: 16px; color: #fff; }
/* line 1919, ../sass/app.scss */
.footer .footer-top div .col-left .box-content-link .col-link .text-link { display: block; font-size: 12px; text-decoration: none; color: #fff;}
/* line 1925, ../sass/app.scss */
.footer .footer-top div .col-left .box-content-link .col-link .text-link:hover { opacity: 0.8; }
/* line 1928, ../sass/app.scss */
.footer .footer-top div .col-left .box-content-link .col-link .link-register { margin: 10px 0 10px 0; color: #ffee05; }
/* line 1932, ../sass/app.scss */
.footer .footer-top div .col-left .box-content-link .col-link .box-link-social { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
/* line 1938, ../sass/app.scss */


/* line 2057, ../sass/app.scss */
.footer .footer-bottom { background-color: #22388b; }
/* line 2060, ../sass/app.scss */
.footer .footer-bottom div .box-footer-left { float: left; width: 30%; height: 75px; }
/* line 2064, ../sass/app.scss */
.footer .footer-bottom div .box-footer-left .box-footer-download { padding: 0 15px 0 15px; box-sizing: border-box; }
/* line 2068, ../sass/app.scss */
.footer .footer-bottom div .box-footer-left .box-footer-download .text-download span { color: #fff; font-size: 10px; line-height: 15px; }
/* line 2074, ../sass/app.scss */
.footer .footer-bottom div .box-footer-left .box-footer-download .btn-link-download { width: 100%; display: table; }
/* line 2077, ../sass/app.scss */
.footer .footer-bottom div .box-footer-left .box-footer-download .btn-link-download .link-download { float: left; margin-right: 10px; margin-bottom: 10px; height: 30px; }
/* line 2082, ../sass/app.scss */
.footer .footer-bottom div .box-footer-left .box-footer-download .btn-link-download .link-download img { width: auto; height: 100%; }
/* line 2087, ../sass/app.scss */
.footer .footer-bottom div .box-footer-left .box-footer-download .btn-link-download .link-download:hover { opacity: 0.8; }
/* line 2093, ../sass/app.scss */
.footer .footer-bottom div .box-footer-right { float: left; width: 70%; display: table; }
/* line 2097, ../sass/app.scss */
.footer .footer-bottom div .box-footer-right .text-footer-right { widows: 100%; display: table-cell; vertical-align: middle; text-align: center; height: 75px; }
/* line 2103, ../sass/app.scss */
.footer .footer-bottom div .box-footer-right .text-footer-right a { font-size: 10px; line-height: 10px; border-right: 1px solid #969b9b; color: #969b9b; text-decoration: none; }
/* line 2110, ../sass/app.scss */
.footer .footer-bottom div .box-footer-right .text-footer-right a:hover { opacity: 0.8; }
/* line 2113, ../sass/app.scss */
.footer .footer-bottom div .box-footer-right .text-footer-right .text-flex { margin: auto 0; }
/* line 2116, ../sass/app.scss */
.footer .footer-bottom div .box-footer-right .text-footer-right span { padding: 3px 15px 3px 15px; box-sizing: border-box; font-size: 11px; line-height: 10px; color: #969b9b; }

/* line 2129, ../sass/app.scss */
.btn-send-message { z-index: 9999; position: fixed; bottom: 0; right: 63px;  display: flex; padding: 10px 20px 10px 20px; box-sizing: border-box; text-decoration: none; background-color: #2196f3; border-radius: 10px 10px 0 0; }
/* line 2140, ../sass/app.scss */
.btn-send-message i { color: #fff; font-size: 20px; line-height: 20px; margin-right: 5px;z-index: 9999; }
/* line 2146, ../sass/app.scss */
.btn-send-message span { color: #fff; font-size: 14px; line-height: 20px; font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont';}

/* line 2154, ../sass/app.scss */
.btn-send-message:hover i { opacity: 0.8; }
/* line 2157, ../sass/app.scss */
.btn-send-message:hover span { opacity: 0.8; }

/* line 2162, ../sass/app.scss */

.btn-scroll-top {z-index: 100; display: none; position: fixed; bottom: 0; right: 8px; width: 40px; height: 39px; background-color: #ffda37; box-sizing: border-box; text-align: center; cursor: pointer;}
/*.btn-scroll-top { z-index: 100; display: none; position: fixed; bottom: 95px; right: 0px; width: 90px; height: 40px; background-color: #009cff; box-sizing: border-box; text-align: center; cursor: pointer;  opacity: 0.8;}*/
/* line 2174, ../sass/app.scss */
.btn-scroll-top i { color: #000; font-size: 4px; line-height: 40px; }

/* line 2182, ../sass/app.scss */
.btn-scroll-top:hover i { opacity: 0.8; }

/* line 2187, ../sass/app.scss */
#nav-mobile-top { display: none; }

/* line 2191, ../sass/app.scss */
.slideout-menu { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; width: 256px; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; }

/* line 2204, ../sass/app.scss */
.slideout-panel { position: relative; z-index: 1; }

/* line 2209, ../sass/app.scss */
.slideout-open, .slideout-open body, .slideout-open .slideout-panel { overflow: hidden; }

/* line 2215, ../sass/app.scss */
.slideout-open .slideout-menu { display: none; }

/* line 2219, ../sass/app.scss */
.menu { display: none; }

/* line 2223, ../sass/app.scss */
.box-breadcrumbs { width: 100%; display: block; }
/* line 2226, ../sass/app.scss */
.box-breadcrumbs div { padding: 15px; box-sizing: border-box; }
/* line 2229, ../sass/app.scss */
.box-breadcrumbs div i { color: #999aa1; font-size: 18px; margin: 0 5px 0 5px; }
/* line 2234, ../sass/app.scss */
.box-breadcrumbs div span { color: #444; font-size: 13px; }

/* line 2241, ../sass/app.scss */
.box-title-service { position: relative; width: 100%; display: block; }
/* line 2245, ../sass/app.scss */
.box-title-service div { padding: 15px; box-sizing: border-box; background-color: #fff; }
/* line 2249, ../sass/app.scss */
.box-title-service div .text-title { float: left; font-size: 17px; margin: 0; }
/* line 2254, ../sass/app.scss */
.box-title-service div .btn-register { float: right; line-height: 0px; }

/* line 2261, ../sass/app.scss */
.box-link-btn-service { width: 100%; display: block; }
/* line 2264, ../sass/app.scss */
.box-link-btn-service div { padding: 15px; box-sizing: border-box; background-color: #fff; }
/* line 2268, ../sass/app.scss */
.box-link-btn-service div .btn-service { padding: 5px 15px 5px 15px; box-sizing: border-box; border: 1px solid #e1e1e1; font-size: 16px; margin-right: 10px; text-decoration: none; border-radius: 3px; }
/* line 2276, ../sass/app.scss */
.box-link-btn-service div .btn-service span { color: #000; }
/* line 2280, ../sass/app.scss */
.box-link-btn-service div .btn-service:hover { background-color: #ff7417; border: 1px solid #ff7417; }
/* line 2283, ../sass/app.scss */
.box-link-btn-service div .btn-service:hover span { color: #fff; }
/* line 2287, ../sass/app.scss */
.box-link-btn-service div .active { display: inline !important; background-color: #ff7417; border: 1px solid #ff7417; box-sizing: border-box; }
/* line 2292, ../sass/app.scss */
.box-link-btn-service div .active span { color: #fff; }

/* line 2299, ../sass/app.scss */
.box-content-course { width: 100%; display: block; }
/* line 2302, ../sass/app.scss */
.box-content-course .container { padding: 15px; box-sizing: border-box; background-color: #fff; }
/* line 2306, ../sass/app.scss */
.box-content-course .container .box-row { width: 100%; display: table; }
/* line 2309, ../sass/app.scss */
.box-content-course .container .box-row .box-left { float: left; width: 48%; width: -webkit-calc(50% - 7.5px); width: expression(50% - 7.5px); width: -moz-calc(50% - 7.5px); width: -o-calc(50% - 7.5px); width: calc(50% - 7.5px); margin-right: 7.5px; }
/* line 2319, ../sass/app.scss */
.box-content-course .container .box-row .box-right { float: left; width: 48%; width: -webkit-calc(50% - 7.5px); width: expression(50% - 7.5px); width: -moz-calc(50% - 7.5px); width: -o-calc(50% - 7.5px); width: calc(50% - 7.5px); margin-left: 7.5px; }
/* line 2330, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course, .box-content-course .container .box-row .box-right .single-course { margin-top: 15px; position: relative; }
/* line 2333, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .image-box, .box-content-course .container .box-row .box-right .single-course .image-box { position: relative; float: left; width: 35%; height: 180px; border-radius: 3px 0 0 3px; overflow: hidden; background: #000; }
/* line 2341, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .image-box img, .box-content-course .container .box-row .box-right .single-course .image-box img { position: absolute; left: 50%; top: 50%; height: auto; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/* line 2352, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course, .box-content-course .container .box-row .box-right .single-course .content-course { position: relative; float: left; width: 65%; height: 180px; padding: 10px 20px 10px 20px; box-sizing: border-box; border: 1px solid #e9e9e9; border-left: none; border-radius: 0 3px 3px 0; }
/* line 2362, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .name::before, .box-content-course .container .box-row .box-right .single-course .content-course .name::before { display: table; content: " "; box-sizing: border-box; }
/* line 2367, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .name::after, .box-content-course .container .box-row .box-right .single-course .content-course .name::after { clear: both; display: table; content: " "; box-sizing: border-box; }
/* line 2373, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .name, .box-content-course .container .box-row .box-right .single-course .content-course .name { position: relative; padding-left: 75px; }
/* line 2376, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .name .image, .box-content-course .container .box-row .box-right .single-course .content-course .name .image { width: 55px; height: 55px; border: 3px solid #fff; border-radius: 50%; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 9; }
/* line 2386, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .name .image img, .box-content-course .container .box-row .box-right .single-course .content-course .name .image img { max-width: 100%; display: block; }
/* line 2391, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .name .content-name, .box-content-course .container .box-row .box-right .single-course .content-course .name .content-name { float: left; }
/* line 2393, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .name .content-name h5, .box-content-course .container .box-row .box-right .single-course .content-course .name .content-name h5 { font-size: 15px; margin: 0; color: rgba(0, 0, 0, 0.4); line-height: 15px; margin-top: 10px; }
/* line 2400, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .name .content-name p, .box-content-course .container .box-row .box-right .single-course .content-course .name .content-name p { margin: 0; font-size: 13px; color: rgba(0, 0, 0, 0.4); }
/* line 2406, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .name .btn-free, .box-content-course .container .box-row .box-right .single-course .content-course .name .btn-free { margin-top: 12px; width: 65px; line-height: 30px; border-radius: 3px; text-align: center; color: #fff; font-size: 14px; text-transform: uppercase; background: #36d64c; float: right; }
/* line 2419, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .title-course, .box-content-course .container .box-row .box-right .single-course .content-course .title-course { font-size: 14px; margin: 0; }
/* line 2422, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .title-course a, .box-content-course .container .box-row .box-right .single-course .content-course .title-course a { margin: 10px 0 5px 0; display: block; line-height: 17px; color: #000; text-decoration: none; }
/* line 2430, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .detail-course, .box-content-course .container .box-row .box-right .single-course .content-course .detail-course { font-size: 12px; line-height: 16px; margin: 0; color: rgba(0, 0, 0, 0.65); }
/* line 2436, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .content-active::before, .box-content-course .container .box-row .box-right .single-course .content-course .content-active::before { display: table; content: " "; box-sizing: border-box; }
/* line 2441, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .content-active::after, .box-content-course .container .box-row .box-right .single-course .content-course .content-active::after { clear: both; display: table; content: " "; box-sizing: border-box; }
/* line 2447, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .box-content-active, .box-content-course .container .box-row .box-right .single-course .content-course .box-content-active { margin: 10px 0 0 0; list-style-type: none; padding: 0; position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 20px 0 20px; box-sizing: border-box; }
/* line 2457, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .box-content-active .content-active, .box-content-course .container .box-row .box-right .single-course .content-course .box-content-active .content-active { position: relative; width: 100%; border-top: 1px solid #e9e9e9; display: table; }
/* line 2462, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .box-content-active .content-active div, .box-content-course .container .box-row .box-right .single-course .content-course .box-content-active .content-active div { color: #cccccc; }
/* line 2464, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .box-content-active .content-active div i, .box-content-course .container .box-row .box-right .single-course .content-course .box-content-active .content-active div i { font-size: 12px; margin-right: 5px; }
/* line 2468, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .box-content-active .content-active div a, .box-content-course .container .box-row .box-right .single-course .content-course .box-content-active .content-active div a { font-size: 12px; text-decoration: none; color: rgba(0, 0, 0, 0.5); }
/* line 2473, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .box-content-active .content-active div a:hover, .box-content-course .container .box-row .box-right .single-course .content-course .box-content-active .content-active div a:hover { color: #36d64c; }
/* line 2477, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .box-content-active .content-active .active-user, .box-content-course .container .box-row .box-right .single-course .content-course .box-content-active .content-active .active-user { float: left; margin-right: 25px; }
/* line 2481, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .box-content-active .content-active .active-comments, .box-content-course .container .box-row .box-right .single-course .content-course .box-content-active .content-active .active-comments { float: left; }
/* line 2484, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course .content-course .box-content-active .content-active .active-heart, .box-content-course .container .box-row .box-right .single-course .content-course .box-content-active .content-active .active-heart { float: right; }
/* line 2493, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course:hover .image-box img, .box-content-course .container .box-row .box-right .single-course:hover .image-box img { opacity: 0.5; }
/* line 2499, ../sass/app.scss */
.box-content-course .container .box-row .box-left .single-course:hover .content-course .title-course a, .box-content-course .container .box-row .box-right .single-course:hover .content-course .title-course a { color: #36d64c; }

/* line 2511, ../sass/app.scss */
.box-pagination { width: 100%; display: block; }
/* line 2514, ../sass/app.scss */
.box-pagination div { padding: 30px 15px 50px 15px; box-sizing: border-box; background-color: #fff; }
/* line 2518, ../sass/app.scss */
.box-pagination div .pagination { border: 1px solid #e7e7e7; border-radius: 5px; text-align: center; height: 30px; text-decoration: none; padding: 5px 10px; box-sizing: border-box; margin-right: 10px; }
/* line 2527, ../sass/app.scss */
.box-pagination div .pagination span { text-transform: uppercase; font-size: 14px; color: #b2b2b2; }
/* line 2533, ../sass/app.scss */
.box-pagination div .pagination:hover { border: 1px solid #ff7417; }
/* line 2535, ../sass/app.scss */
.box-pagination div .pagination:hover span { color: #ff7417; }
/* line 2539, ../sass/app.scss */
.box-pagination div .pagination-next { background-color: #464646; }
/* line 2541, ../sass/app.scss */
.box-pagination div .pagination-next span { color: #fff; }
/* line 2545, ../sass/app.scss */
.box-pagination div .pagination-next:hover { border: 1px solid #e7e7e7; opacity: 0.8; }
/* line 2548, ../sass/app.scss */
.box-pagination div .pagination-next:hover span { color: #fff; }

/* line 2556, ../sass/app.scss */
.box-blog .container { /*padding: 15px;*/ box-sizing: border-box; /*background-color: #fff;*/ }
/* line 2560, ../sass/app.scss */
.box-blog .container .blog-menu-left { float: left; width: 25%; }
/* line 2564, ../sass/app.scss */
.box-blog .container .blog-content-right { float: left; width: 73%; width: -webkit-calc(75% -15px); width: expression(75% - 15px); width: -moz-calc(75% - 15px); width: -o-calc(75% - 15px); width: calc(75% - 15px); padding-left: 30px; box-sizing: border-box; }
/* line 2575, ../sass/app.scss */
.box-blog .container .blog-content-bottom { display: none; }
/* line 2579, ../sass/app.scss */
.box-blog .container div .title-blog-menu { font-size: 16px; font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont'; }
/* line 2582, ../sass/app.scss */
.box-blog .container div .box-list-menu-blog { margin-top: 15px; position: relative; width: 100%; border: 1px solid #e7e7e7; display: block; }
/* line 2588, ../sass/app.scss */
.box-blog .container div .box-list-menu-blog .list-menu-blog { border-bottom: 1px solid #e7e7e7; }
/* line 2590, ../sass/app.scss */
.box-blog .container div .box-list-menu-blog .list-menu-blog .menu-blog { display: block; width: 100%; text-decoration: none; color: #000; font-size: 14px; }
/* line 2596, ../sass/app.scss */
.box-blog .container div .box-list-menu-blog .list-menu-blog .menu-blog span { position: relative; padding: 10px 10px 10px 15px; box-sizing: border-box; display: block; font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont'; }
/* line 2602, ../sass/app.scss */
.box-blog .container div .box-list-menu-blog .list-menu-blog .menu-blog .has-child { position: relative; padding-right: 30px !important; box-sizing: border-box; width: 100%; display: block; }
/* line 2609, ../sass/app.scss */
.box-blog .container div .box-list-menu-blog .list-menu-blog .menu-blog .has-child::before { -webkit-transform: rotate(45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(45deg); /* IE 9 */ transform: rotate(45deg); /* Firefox 16+, IE 10+, Opera */ right: 12px; content: ''; position: absolute; top: 50%; margin-top: -1px; height: 2px; width: 9px; background: #000; }
/* line 2622, ../sass/app.scss */
.box-blog .container div .box-list-menu-blog .list-menu-blog .menu-blog .has-child::after { -webkit-transform: rotate(-45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(-45deg); /* IE 9 */ transform: rotate(-45deg); /* Firefox 16+, IE 10+, Opera */ right: 7px; content: ''; position: absolute; top: 50%; margin-top: -1px; height: 2px; width: 9px; background: #000; }
/* line 2635, ../sass/app.scss */
.box-blog .container div .box-list-menu-blog .list-menu-blog .menu-blog .active::before { -webkit-transform: rotate(-45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(-45deg); /* IE 9 */ transform: rotate(-45deg); /* Firefox 16+, IE 10+, Opera */ background: #fff; }
/* line 2641, ../sass/app.scss */
.box-blog .container div .box-list-menu-blog .list-menu-blog .menu-blog .active::after { -webkit-transform: rotate(45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(45deg); /* IE 9 */ transform: rotate(45deg); /* Firefox 16+, IE 10+, Opera */ background: #fff; }
/* line 2647, ../sass/app.scss */
.box-blog .container div .box-list-menu-blog .list-menu-blog .menu-blog .active { color: #fff; background-color: #0090d4;font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont'; }
/* line 2653, ../sass/app.scss */
.box-blog .container div .box-list-menu-blog .list-menu-blog .menu-blog:hover span { color: #fff; background-color: #0090d4; }
/* line 2657, ../sass/app.scss */
.box-blog .container div .box-list-menu-blog .list-menu-blog .menu-blog:hover .has-child::before { background: #fff; }
/* line 2660, ../sass/app.scss */
.box-blog .container div .box-list-menu-blog .list-menu-blog .menu-blog:hover .has-child::after { background: #fff; }
/* line 2664, ../sass/app.scss */
.box-blog .container div .box-list-menu-blog .list-menu-blog .list-sub-menu-blog { display: none; position: relative; width: 100%; }
/* line 2668, ../sass/app.scss */
.box-blog .container div .box-list-menu-blog .list-menu-blog .list-sub-menu-blog .sub-menu-blog { display: block; width: 100%; padding: 7px 7px 7px 15px; box-sizing: border-box; text-decoration: none; color: #000; font-size: 14px; background-color: #f7f8f9; font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont';}
/* line 2677, ../sass/app.scss */
.box-blog .container div .box-list-menu-blog .list-menu-blog .list-sub-menu-blog .sub-menu-blog i { font-size: 16px; margin-right: 8px; }
/* line 2682, ../sass/app.scss */
.box-blog .container div .box-list-menu-blog .list-menu-blog .list-sub-menu-blog .sub-menu-blog.active { color: #222 !important; background-color: #e2e2e2 !important; }

.box-blog .container div .box-list-menu-blog .list-menu-blog .list-sub-menu-blog .sub-menu-blog:hover { color: #222; background-color: #e2e2e2; }
/* line 2689, ../sass/app.scss */
.box-blog .container div .box-vpn { width: 100%; margin-top: 15px; position: relative; width: 100%; border: 1px solid #fff; display: block; }
/* line 2696, ../sass/app.scss */
.box-blog .container div .box-vpn .detail-vpn { width: 100%; border: 1px solid #d5d8d9; padding: 15px; box-sizing: border-box; }
/* line 2701, ../sass/app.scss */
.box-blog .container div .box-vpn .detail-vpn h3 { font-size: 14px; margin-top: 0px; margin-bottom: 5px; color: #161515; }
/* line 2707, ../sass/app.scss */
.box-blog .container div .box-vpn .detail-vpn .box-image-vpn { margin-bottom: 10px; width: 100%; }
/* line 2710, ../sass/app.scss */
.box-blog .container div .box-vpn .detail-vpn .box-image-vpn img { width: 100%; display: block; }
/* line 2715, ../sass/app.scss */
.box-blog .container div .box-vpn .detail-vpn .line-vpn { padding-top: 15px; padding-bottom: 15px; }
/* line 2718, ../sass/app.scss */
.box-blog .container div .box-vpn .detail-vpn .line-vpn .line { width: 30%; height: 3px; background-color: #ec7300; }
/* line 2724, ../sass/app.scss */
.box-blog .container div .box-vpn .detail-vpn h2 { font-size: 14px; margin-bottom: 5px; color: #161515; margin: 0; }
/* line 2730, ../sass/app.scss */
.box-blog .container div .box-vpn .detail-vpn a { display: block; border-bottom: 1px solid #d5d8d9; padding-top: 5px; padding-bottom: 5px; color: #161515; text-decoration: none; }
/* line 2737, ../sass/app.scss */
.box-blog .container div .box-vpn .detail-vpn a span { font-size: 12px; line-height: 20px; }
/* line 2742, ../sass/app.scss */
.box-blog .container div .box-vpn .detail-vpn a:last-child { border-bottom: none; }
/* line 2745, ../sass/app.scss */
.box-blog .container div .box-vpn .detail-vpn a:hover { opacity: 0.8; }
/* line 2750, ../sass/app.scss */
.box-blog .container div .content-project-title { position: relative; width: 100%; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #d5d8d9; box-sizing: border-box; }
/* line 2757, ../sass/app.scss */
.box-blog .container div .content-project-title .text-project-title { display: inline; margin-top: 0; font-size: 1.5em; color: #333;font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont'; }
/* line 2763, ../sass/app.scss */
.box-blog .container div .content-project-title .box-control { position: absolute; bottom: 10px; right: 0; }
/* line 2767, ../sass/app.scss */
.box-blog .container div .content-project-title .box-control .text-view { color: #afafaf; line-height: 30px; margin-right: 15px; font-size: 14px; }
/* line 2773, ../sass/app.scss */
.box-blog .container div .content-project-title .box-control .btn-printer { margin-right: 15px; color: #afafaf; display: inline-block; }
/* line 2777, ../sass/app.scss */
.box-blog .container div .content-project-title .box-control .btn-printer i { line-height: 30px; }
/* line 2781, ../sass/app.scss */
.box-blog .container div .content-project-title .box-control .btn-group { display: inline-block; float: right; }
/* line 2784, ../sass/app.scss */
.box-blog .container div .content-project-title .box-control .btn-group .btn-up, .box-blog .container div .content-project-title .box-control .btn-group .btn-down { cursor: pointer; display: inline; float: left; color: #9e9e9e; width: 50px; height: 30px; padding: 0; background-color: #fff; text-align: center; border: 1px solid #ddd; }
/* line 2796, ../sass/app.scss */
.box-blog .container div .content-project-title .box-control .btn-group .btn-up:hover, .box-blog .container div .content-project-title .box-control .btn-group .btn-down:hover { border-color: #ccc; }
/* line 2799, ../sass/app.scss */
.box-blog .container div .content-project-title .box-control .btn-group .btn-up { border-radius: 5px 0 0 5px; }
/* line 2802, ../sass/app.scss */
.box-blog .container div .content-project-title .box-control .btn-group .btn-down { border-radius: 0 5px 5px 0; border-left: 0px; }
/* line 2806, ../sass/app.scss */
.box-blog .container div .content-project-title .box-control .btn-group .type-size__btn--up { font-size: 14px; line-height: 30px; }
/* line 2810, ../sass/app.scss */
.box-blog .container div .content-project-title .box-control .btn-group .type-size__btn--down { font-size: 12px; line-height: 30px; }
/* line 2817, ../sass/app.scss */
.box-blog .container div .content-project-right { width: 100%; font-size: 14px;}
/* line 2820, ../sass/app.scss */
.box-blog .container div .content-project-right p { color: #484a4a;}
/* line 2823, ../sass/app.scss */
.box-blog .container div .content-project-right .content-row-project { position: relative; width: 100%; display: table; }
/* line 2827, ../sass/app.scss */
.box-blog .container div .content-project-right .content-row-project .col-project { display: table; position: relative; float: left; width: 30%; width: -webkit-calc(33.33% -15px); width: expression(33.33% - 15px); width: -moz-calc(33.33% - 15px); width: -o-calc(33.33% - 15px); width: calc(33.33% - 15px); margin: 15px 7.5px; border: 1px solid #ededed; box-sizing: border-box; text-decoration: none; }
/* line 2841, ../sass/app.scss */
.box-blog .container div .content-project-right .content-row-project .col-project .box-image { position: relative; width: 100%; height: 70px; background-color: #000; overflow: hidden; }
/* line 2847, ../sass/app.scss */
.box-blog .container div .content-project-right .content-row-project .col-project .box-image img { position: absolute; left: 50%; top: 50%; height: auto; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/* line 2858, ../sass/app.scss */
.box-blog .container div .content-project-right .content-row-project .col-project .box-user-project { position: absolute; top: 90px; left: 15px; }
/* line 2862, ../sass/app.scss */
.box-blog .container div .content-project-right .content-row-project .col-project .box-user-project .icon-user-project { width: 60px; height: 60px; display: block; border-radius: 50%; overflow: hidden; border: 3px solid #fff; overflow: hidden; }
/* line 2870, ../sass/app.scss */
.box-blog .container div .content-project-right .content-row-project .col-project .box-user-project .icon-user-project img { width: 100%; height: 100%; }
/* line 2875, ../sass/app.scss */
.box-blog .container div .content-project-right .content-row-project .col-project .box-user-project .name-user-project { font-size: 12px; color: #a0a0a0; }
/* line 2880, ../sass/app.scss */
.box-blog .container div .content-project-right .content-row-project .col-project .box-detail-project { position: relative; width: 100%; height: 60px; padding: 20px 10px 10px 10px; box-sizing: border-box; font-size: 12px; overflow: hidden; }
/* line 2888, ../sass/app.scss */
.box-blog .container div .content-project-right .content-row-project .col-project .box-detail-project p { line-height: 18px; margin: 0; color: #000; margin-bottom: 3px; font-size:16px; }
/* line 2894, ../sass/app.scss */
.box-blog .container div .content-project-right .content-row-project .col-project .box-detail-project .date-time { position: absolute; bottom: 5px; left: 10px; font-size: 12px; color: #80848f; }
/* line 2900, ../sass/app.scss */
.box-blog .container div .content-project-right .content-row-project .col-project .box-detail-project .date-time i { margin-right: 3px; }
/* line 2908, ../sass/app.scss */
.box-blog .container div .content-project-right .content-row-project .col-project:hover .box-image img { opacity: 0.5; }
/* line 2913, ../sass/app.scss */
.box-blog .container div .content-project-right .content-row-project .col-project:hover .box-detail-project p { color: #36d64c; }
.decor-headline {   
    font-size: 1.6rem;   
    color: #00a4e4;  
	line-height: 40px;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent,transparent),url(../../assets61/img/text-gradient-bg.png) 100% no-repeat;
    background: -o-linear-gradient(transparent,transparent);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -webkit-background-clip: text;
    display: inline-block;
	font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont';
}
.decor-headline01 {   
    font-size: 0.9rem;   
    color: #00a4e4;   
	line-height: 28px;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent,transparent),url(../../assets61/img/text-gradient-bg.png) 100% no-repeat;
    background: -o-linear-gradient(transparent,transparent);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -webkit-background-clip: text;
    display: inline-block;
	margin-top:15px;
}


.rwd-media {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
}

.rwd-media iframe,
.rwd-media video {
  position: absolute;
  width: 100%;
  height: 100%;  
}





/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media screen and (max-width: 1280px) { 

  .header .content-header .top div .box-logo a { width: 200px; }
  /* line 2952, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding { padding: 15px 50px 15px 50px; }
  /* line 2956, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .director .dirctor-left .label-dirctor { font-size: 14px; }
  /* line 2962, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .director .director-content .text-director p { font-size: 12px; line-height: 18px; }
  /* line 2973, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-right .btn-view-all .text-link span { font-size: 14px; }
  /* line 2976, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-right .btn-view-all .text-link i { font-size: 12px; }
  /* line 2991, ../sass/app.scss */
  .box-content-course .container .box-row .box-left .single-course .image-box, .box-content-course .container .box-row .box-right .single-course .image-box { width: 33%; }
  /* line 2994, ../sass/app.scss */
  .box-content-course .container .box-row .box-left .single-course .content-course, .box-content-course .container .box-row .box-right .single-course .content-course { width: 67%; padding: 5px 10px 5px 10px; }
  /* line 2997, ../sass/app.scss */
  .box-content-course .container .box-row .box-left .single-course .content-course .name, .box-content-course .container .box-row .box-right .single-course .content-course .name { padding-left: 60px; }
  /* line 2999, ../sass/app.scss */
  .box-content-course .container .box-row .box-left .single-course .content-course .name .image, .box-content-course .container .box-row .box-right .single-course .content-course .name .image { width: 40px; height: 40px; }
  /* line 3004, ../sass/app.scss */
  .box-content-course .container .box-row .box-left .single-course .content-course .name .content-name h5, .box-content-course .container .box-row .box-right .single-course .content-course .name .content-name h5 { font-size: 14px; line-height: 15px; margin-top: 8px; }
  /* line 3009, ../sass/app.scss */
  .box-content-course .container .box-row .box-left .single-course .content-course .name .content-name p, .box-content-course .container .box-row .box-right .single-course .content-course .name .content-name p { font-size: 12px; }
  /* line 3013, ../sass/app.scss */
  .box-content-course .container .box-row .box-left .single-course .content-course .name .btn-free, .box-content-course .container .box-row .box-right .single-course .content-course .name .btn-free { margin-top: 8px; width: 55px; line-height: 28px; font-size: 12px; }
  /* line 3020, ../sass/app.scss */
  .box-content-course .container .box-row .box-left .single-course .content-course .title-course, .box-content-course .container .box-row .box-right .single-course .content-course .title-course { font-size: 13px; }
  /* line 3022, ../sass/app.scss */
  .box-content-course .container .box-row .box-left .single-course .content-course .title-course a, .box-content-course .container .box-row .box-right .single-course .content-course .title-course a { line-height: 15px; }
  /* line 3026, ../sass/app.scss */
  .box-content-course .container .box-row .box-left .single-course .content-course .detail-course, .box-content-course .container .box-row .box-right .single-course .content-course .detail-course { font-size: 11px; line-height: 13px; } }


@media screen and (max-width: 1200px) { 

  #panel { position: relative; padding-top: 120px; width: 100%; display: table; }
  .header .content-header .top div .box-logo { width: 200px; }
  /* line 3047, ../sass/app.scss */
  .header .content-header .top div .box-link .list-link { font-size: 16px; }
  /* line 3052, ../sass/app.scss */
  .header .content-header .top div .box-member .btn-app { font-size: 13px; }
  /* line 3055, ../sass/app.scss */
  .header .content-header .top div .box-member .btn-signin { font-size: 13px; }
  /* line 3067, ../sass/app.scss */
  .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown .text-link { font-size: 13px; }
  /* line 3076, ../sass/app.scss */
  .header .content-header .bottom .box-menu div .box-right .box-search .global-search input { width: 150px; }
  /* line 3092, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .box-news-content { padding: 0 40px 0 40px; }
  /* line 3094, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .by-user { margin-top: 20px; }
  /* line 3097, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .by-user .user-text .title { font-size: 12px; line-height: 14px; }
  /* line 3101, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .by-user .user-text .detail { font-size: 12px; line-height: 14px; }
  /* line 3107, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .news-content { position: relative; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ color: #fff; }
  /* line 3115, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .news-content .content { padding: 30px 40% 30px 0; box-sizing: border-box; }
  /* line 3118, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .news-content .content .sub-title { font-size: 12px; margin: 0; line-height: 30px; }
  /* line 3124, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .news-content .content .title { font-size: 20px; margin: 0; line-height: 25px; }
  /* line 3129, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .news-content .content .detail { font-size: 12px; line-height: 25px; margin: 15px 0 10px 0; }
  /* line 3136, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .btn-view-detail { font-size: 13px; }
  /* line 3139, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .news-date { font-size: 12px; }
  /* line 3143, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .mobile { width: 300px; }
  /* line 3148, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .slick-prev { left: 6%; left: -webkit-calc(5% + 5px); left: expression(5% + 5px); left: -moz-calc(5% + 5px); left: -o-calc(5% + 5px); left: calc(5% + 5px); z-index: 10; width: 30px; height: 30px; }
  /* line 3159, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .slick-prev:before { font-size: 30px; }
  /* line 3162, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .slick-next { right: 26%; right: -webkit-calc(25% + 35px); right: expression(25% + 35px); right: -moz-calc(25% + 35px); right: -o-calc(25% + 35px); right: calc(25% + 35px); z-index: 10; width: 30px; height: 30px; }
  /* line 3173, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .slick-next:before { font-size: 30px; }
  /* line 3176, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .slick-dots { right: 26%; right: -webkit-calc(25% - 80px); right: expression(25% - 80px); right: -moz-calc(25% - 80px); right: -o-calc(25% - 80px); right: calc(25% - 80px); }
  /* line 3193, ../sass/app.scss */
  .box-news .content-news div .box-list .title { font-size: 15px; }
  /* line 3199, ../sass/app.scss */
  .box-news .content-news div .box-list .content-media .media .media-left .icon-news { width: 60px; height: 60px; }
  /* line 3204, ../sass/app.scss */
  .box-news .content-news div .box-list .content-media .media .media-content { height: 60px; }
  /* line 3207, ../sass/app.scss */
  .box-news .content-news div .box-list .content-media .media .media-content .text-news p { font-size: 12px; line-height: 20px; }
  /* line 3214, ../sass/app.scss */
  .box-news .content-news div .box-list .content-media .media:hover { opacity: 0.8; }
  /* line 3217, ../sass/app.scss */
  .box-news .content-news div .box-list .content-media .media:first-child { padding-top: 0; }
  /* line 3220, ../sass/app.scss */
  .box-news .content-news div .box-list .content-media .media:last-child { border-bottom: 0; }
  /* line 3224, ../sass/app.scss */
  .box-news .content-news div .box-list .bottom { position: absolute; bottom: 0; right: 0; width: 100%; }
  /* line 3229, ../sass/app.scss */
  .box-news .content-news div .box-list .bottom .view-all-news { font-size: 1.2em; }
  /* line 3243, ../sass/app.scss */
  .box-content-course .container .box-row .box-left .single-course .content-course .box-content-active, .box-content-course .container .box-row .box-right .single-course .content-course .box-content-active { padding: 0 10px 0 10px; }
  /* line 3257, ../sass/app.scss */
  .box-blog .container div .content-project-right .content-row-project .col-project { width: 48%; width: -webkit-calc(50% -15px); width: expression(50% - 15px); width: -moz-calc(50% - 15px); width: -o-calc(50% - 15px); width: calc(50% - 15px); } }



@media (max-width: 1080px) {
	
}


@media screen and (max-width: 1105px) { 

  .btn-register { font-size: 18px; margin: auto; margin: 5px; width:135px; }
  /* line 3282, ../sass/app.scss */
  .header .content-header .top div .box-logo { width: 160px; }
  /* line 3286, ../sass/app.scss */
  .header .content-header .top div .box-link .list-link { font-size: 18px; }
  /* line 3291, ../sass/app.scss */
  .header .content-header .top div .box-member .link-form { font-size: 11px; }
  /* line 3294, ../sass/app.scss */
  .header .content-header .top div .box-member .link-signin { font-size: 11px; }
  /* line 3306, ../sass/app.scss */
  .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown .text-link { font-size: 12px; padding-right: 27px !important; }
  /* line 3310, ../sass/app.scss */
  .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown .has-child::before { width: 8px; right: 11px; }
  /* line 3314, ../sass/app.scss */
  .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown .has-child::after { width: 8px; }
  /* line 3323, ../sass/app.scss */
  .header .content-header .bottom .box-menu div .box-right .box-search .global-search input { width: 120px; } }


/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1024px to 1280px
*/

@media screen and (max-width: 1024px) { 

.btn-group-sm>.btn, .btn-sm { padding:.25rem .5rem; font-size:.875rem; 	line-height:1.5; border-radius:.2rem; margin-top: 4px;}
.header .content-header .bottom .box-menu div .box-right .box-search { display:none;}
  .btn-register { height: 30px; font-size: 13px; line-height: 30px; }
  /* line 3343, ../sass/app.scss */
  .box-lang .menu-dropdown { font-size: 19px; }
  /* line 3345, ../sass/app.scss */
  .box-lang .menu-dropdown span { width: 40px; height: 39px; line-height: 39px; }
  /* line 3352, ../sass/app.scss */
  .box-lang .content-dropdown-lang a { font-size: 12px; width: 40px; height: 39px; }
  /* line 3359, ../sass/app.scss */
  .container { max-width: 100%; width: 100%; }
  /* line 3365, ../sass/app.scss */
  .header .content-header .top { height: 75px; padding: 0 15px 0 15px; box-sizing: border-box; }
  /* line 3370, ../sass/app.scss */
  .header .content-header .top div .box-logo { height: 75px; }
  /* line 3373, ../sass/app.scss */
  .header .content-header .top div .box-link { height: 75px; }
  /* line 3376, ../sass/app.scss */
  .header .content-header .top div .box-member { height: 75px; }
  /* line 3379, ../sass/app.scss */
  .header .content-header .top div .box-member .btn-signout .content-dropdown-profile { top: 60px; right: -10px; }
  /* line 3382, ../sass/app.scss */
  .header .content-header .top div .box-member .btn-signout .content-dropdown-profile .triangle { right: 8px; }
  /* line 3391, ../sass/app.scss */
  .header .content-header .bottom .box-title { padding: 0 15px 0 15px; box-sizing: border-box; }
  /* line 3395, ../sass/app.scss */
  .header .content-header .bottom .box-title div .text-title { font-size: 16px; }
  /* line 3400, ../sass/app.scss */
  .header .content-header .bottom .box-menu { padding: 0 15px 0 15px; box-sizing: border-box; height: 50px; }
  /* line 3407, ../sass/app.scss */
  .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-link { height: 40px; line-height: 40px; }
  /* line 3410, ../sass/app.scss */
  .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-link .home { font-size: 16px !important; }
  /* line 3414, ../sass/app.scss */
  .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown { height: 40px; line-height: 40px; }
  /* line 3417, ../sass/app.scss */
  .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown .text-link { font-size: 14px; padding-right: 25px !important; }
  /* line 3421, ../sass/app.scss */
  .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown .has-child::before { height: 2px; width: 7px; }
  /* line 3425, ../sass/app.scss */
  .header .content-header .bottom .box-menu div .box-sub-link .list-sub-link .menu-dropdown .has-child::after { height: 2px; width: 7px; }
  /* line 3435, ../sass/app.scss */
  .header .content-header .bottom .box-menu div .box-right .box-search .global-search i { width: 30px; height: 30px; line-height: 30px; font-size: 16px; }
  /* line 3441, ../sass/app.scss */
  .header .content-header .bottom .box-menu div .box-right .box-search .global-search input { width: 120px; height: 30px; }
  /* line 3458, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .mobile { width: 260px; top: 180px; right: 26%; right: -webkit-calc(25% + 40px); right: expression(25% + 40px); right: -moz-calc(25% + 40px); right: -o-calc(25% + 40px); right: calc(25% + 40px); }
  /* line 3470, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .slick-prev { left: 7.5px; z-index: 10; width: 25px; height: 25px; }
  /* line 3476, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .slick-prev:before { font-size: 25px; }
  /* line 3479, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .slick-next { right: 26%; right: -webkit-calc(25% + 7.5px); right: expression(25% + 7.5px); right: -moz-calc(25% + 7.5px); right: -o-calc(25% + 7.5px); right: calc(25% + 7.5px); z-index: 10; width: 25px; height: 25px; }
  /* line 3490, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .slick-next:before { font-size: 25px; }
  /* line 3493, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .slick-dots { right: 26%; right: -webkit-calc(25% - 80px); right: expression(25% - 80px); right: -moz-calc(25% - 80px); right: -o-calc(25% - 80px); right: calc(25% - 80px); }
  /* line 3504, ../sass/app.scss */
  .content-dropdown-sub-link { top: 40px; }
  /* line 3508, ../sass/app.scss */
  .content-dropdown-sub-link .content-sub-link .col .title { font-size: 14px; }
  /* line 3512, ../sass/app.scss */
  .content-dropdown-sub-link .content-sub-link .col .text-content h5 { font-size: 14px; }
  /* line 3515, ../sass/app.scss */
  .content-dropdown-sub-link .content-sub-link .col .text-content p { font-size: 12px; }
  /* line 3520, ../sass/app.scss */
  .content-dropdown-sub-link .content-sub-link .col .box-link .link { font-size: 12px; line-height: 12px; }
  /* line 3531, ../sass/app.scss */
  .box-btn-link div .content-btn-link .btn-link { font-size: 0.9em; }
  /* line 3543, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding { padding: 15px 50px 15px 50px; }
  /* line 3547, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .director .dirctor-left .icon-dirctor { width: 80px; height: 80px; }
  /* line 3551, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .director .dirctor-left .label-dirctor { font-size: 12px; }
  /* line 3557, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .director .director-content .text-director p { font-size: 11px; line-height: 16px; }
  /* line 3568, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-right .btn-view-all .text-link span { font-size: 12px; }
  /* line 3571, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-right .btn-view-all .text-link i { font-size: 10px; }
  /* line 3586, ../sass/app.scss */
  .footer .footer-top div .col-left .box-content-link .col-link:nth-child(1) { width: 40%; }
  /* line 3589, ../sass/app.scss */
  .footer .footer-top div .col-left .box-content-link .col-link:nth-child(2) { width: 30%; }
  /* line 3592, ../sass/app.scss */
  .footer .footer-top div .col-left .box-content-link .col-link:nth-child(3) { display: none; }
  /* line 3595, ../sass/app.scss */
  .footer .footer-top div .col-left .box-content-link .col-link:nth-child(4) { display: none; }
  /* line 3598, ../sass/app.scss */
  .footer .footer-top div .col-left .box-content-link .col-link:nth-child(5) { width: 30%; } }

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media screen and (max-width: 991px) {
  .header .content-header .top div .box-link .list-link { padding: 0 10px 0 10px; }
  /* line 3616, ../sass/app.scss */
  .header .content-header .top div .box-link .list-link span { font-size: 0.9em; }
  /* line 3622, ../sass/app.scss */
  .header .content-header .top div .box-member .link-form { font-size: 10px; }
  /* line 3633, ../sass/app.scss */
  .box-btn-link div .content-btn-link .btn-link { font-size: 1em; }
  /* line 3643, ../sass/app.scss */
  .box-content-course .container .box-row .box-left .single-course, .box-content-course .container .box-row .box-right .single-course { display: block; }
  /* line 3645, ../sass/app.scss */
  .box-content-course .container .box-row .box-left .single-course .image-box, .box-content-course .container .box-row .box-right .single-course .image-box { width: 100%; height: 150px; }
  /* line 3649, ../sass/app.scss */
  .box-content-course .container .box-row .box-left .single-course .content-course, .box-content-course .container .box-row .box-right .single-course .content-course { width: 100%; height: 150px; }
  /* line 3660, ../sass/app.scss */
  .box-blog .container .blog-menu-left { width: 30%; }
  /* line 3663, ../sass/app.scss */
  .box-blog .container .blog-content-right { width: 67%; width: -webkit-calc(70% -15px); width: expression(70% - 15px); width: -moz-calc(70% - 15px); width: -o-calc(70% - 15px); width: calc(70% - 15px); } }


@media screen and (max-width: 860px) {
  .header { display: none; }
  /* line 3679, ../sass/app.scss */
  #nav-mobile-top { display: block; }
  /* line 3682, ../sass/app.scss */
  #panel { padding-top: 100px; }
  /* line 3686, ../sass/app.scss */
  .box-news .box-sliding { height: 400px; }
  /* line 3688, ../sass/app.scss */
  .box-news .box-sliding .content-sliding { margin: 0 !important; }
  /* line 3692, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .box-news-content { width: 100%; height: 400px; }
  /* line 3696, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .mobile { width: 260px; top: 180px; right: 40px; }
  /* line 3703, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .slick-prev { left: 7.5px; }
  /* line 3706, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .slick-prev:before { font-size: 25px; }
  /* line 3709, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .slick-next { right: 7.5px; }
  /* line 3712, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .slick-next:before { font-size: 25px; }
  /* line 3715, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .slick-dots { width: 100%; right: 0; }
  /* line 3721, ../sass/app.scss */
  .box-news .content-news { position: relative; }
  /* line 3724, ../sass/app.scss */
  .box-news .content-news div .box-list { position: relative; width: 100%; }
  /* line 3733, ../sass/app.scss */
  .box-label-text div p { font-size: 14px; }
  /* line 3742, ../sass/app.scss */
  .box-media div .content-media .col-left .box-media-sliding { height: 315px; }
  /* line 3746, ../sass/app.scss */
  .box-media div .content-media .col-left .box-media-sliding .media-sliding .sliding-media-01 .box-image { height: 315px; }
  /* line 3756, ../sass/app.scss */
  .box-media div .content-media .col-right .box-top .box-row .media-left { height: 150px; }
  /* line 3758, ../sass/app.scss */
  .box-media div .content-media .col-right .box-top .box-row .media-left .box-image { height: 150px; }
  /* line 3762, ../sass/app.scss */
  .box-media div .content-media .col-right .box-top .box-row .media-right { height: 150px; }
  /* line 3764, ../sass/app.scss */
  .box-media div .content-media .col-right .box-top .box-row .media-right .box-image { height: 150px; }
  /* line 3775, ../sass/app.scss */
  .footer .footer-top { display: none; }
  /* line 3780, ../sass/app.scss */
  .footer .footer-bottom div .box-footer-left { display: none; }
  /* line 3783, ../sass/app.scss */
  .footer .footer-bottom div .box-footer-right { width: 100%; }
  /* line 3789, ../sass/app.scss */
  .btn-send-message { right: 90px; }
  /* line 3792, ../sass/app.scss */
  .btn-scroll-top { right: 20px; } }


/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media screen and (max-width: 767px) {

  .box-label-text div p { font-size: 12px; }
  /* line 3807, ../sass/app.scss */
  .box-btn-link div .content-btn-link { display: block; }
  /* line 3809, ../sass/app.scss */
  .box-btn-link div .content-btn-link .btn-link { width: 48%; width: -webkit-calc(50% - 7.5px); width: expression(50% - 7.5px); width: -moz-calc(50% - 7.5px); width: -o-calc(50% - 7.5px); width: calc(50% - 7.5px); float: left; margin-top: 10px; margin-left: 7.5px; margin-right: 0; }
  /* line 3821, ../sass/app.scss */
  .box-btn-link div .content-btn-link .btn-link:nth-child(2n+1) { width: -webkit-calc(50% - 7.5px); width: expression(50% - 7.5px); width: -moz-calc(50% - 7.5px); width: -o-calc(50% - 7.5px); width: calc(50% - 7.5px); margin-left: 0; margin-right: 7.5px; }
  /* line 3837, ../sass/app.scss */
  .box-media div .content-media .col-left .box-media-sliding { height: 255px; }
  /* line 3841, ../sass/app.scss */
  .box-media div .content-media .col-left .box-media-sliding .media-sliding .sliding-media-01 .box-image { height: 255px; }
  /* line 3851, ../sass/app.scss */
  .box-media div .content-media .col-right .box-top .box-row .media-left { height: 120px; }
  /* line 3853, ../sass/app.scss */
  .box-media div .content-media .col-right .box-top .box-row .media-left .box-image { height: 120px; }
  /* line 3857, ../sass/app.scss */
  .box-media div .content-media .col-right .box-top .box-row .media-right { height: 120px; }
  /* line 3859, ../sass/app.scss */
  .box-media div .content-media .col-right .box-top .box-row .media-right .box-image { height: 120px; }
  /* line 3873, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-left { width: 100%; }
  /* line 3876, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-right { width: 100%; }
  /* line 3885, ../sass/app.scss */
  .box-title-service div .text-title { font-size: 15px; }
  /* line 3892, ../sass/app.scss */
  .box-link-btn-service div .btn-service { font-size: 14px; }
  /* line 3899, ../sass/app.scss */
  .box-content-course .container .box-row:first-child { margin-top: 0; }
  /* line 3902, ../sass/app.scss */
  .box-content-course .container .box-row { margin-top: 20px; width: 100%; display: table; }
  /* line 3906, ../sass/app.scss */
  .box-content-course .container .box-row .box-left { width: 100%; margin-right: 0; }
  /* line 3910, ../sass/app.scss */
  .box-content-course .container .box-row .box-right { width: 100%; margin-left: 0; }
  /* line 3919, ../sass/app.scss */
  .box-blog .container .blog-menu-left { width: 35%; }
  /* line 3922, ../sass/app.scss */
  .box-blog .container .blog-content-right { width: 63%; width: -webkit-calc(65% -15px); width: expression(65% - 15px); width: -moz-calc(65% - 15px); width: -o-calc(65% - 15px); width: calc(65% - 15px); }
  /* line 3931, ../sass/app.scss */
  .box-blog .container div .content-project-title { padding-bottom: 5px; }
  /* line 3933, ../sass/app.scss */
  .box-blog .container div .content-project-title h2 { padding-top: 0; }
  /* line 3936, ../sass/app.scss */
  .box-blog .container div .content-project-title .box-control { width: 100%; position: relative; margin-top: 10px; }
  /* line 3944, ../sass/app.scss */
  .box-blog .container div .content-project-right .content-row-project .col-project { width: 100%; margin-left: 0; margin-right: 0; } }




@media screen and (max-width: 640px) { 
  
  .box-blog .container .blog-menu-left { display: none; }
  /* line 3961, ../sass/app.scss */
  .box-blog .container .blog-content-right { padding-left: 0; width: 100%; }
  /* line 3965, ../sass/app.scss */
  .box-blog .container .blog-content-bottom { display: block; }
  /* line 3975, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .mobile { display: none; }
  /* line 3983, ../sass/app.scss */
  .btn-send-message { bottom: 15px; right: 15px; width: 50px; height: 50px; border-radius: 50%; padding: 0; z-index: 9999; background-color: #2196f3;}
  /* line 3990, ../sass/app.scss */
  .btn-send-message i { text-align: center; display: block; text-align: center; font-size: 30px; height: 50px; width: 50px; line-height: 50px; margin: 0; z-index: 9999;}
  /* line 4000, ../sass/app.scss */
  .btn-send-message span { display: none; }
  /* line 4004, ../sass/app.scss */
  .btn-send-message:hover { opacity: 0.8; }
  /* line 4007, ../sass/app.scss */
  .btn-scroll-top { display: none !important; }
  /* line 4010, ../sass/app.scss */
  .btn-scroll-top .active { display: none !important; opacity: 0.8; } }


@media screen and (max-width: 585px) { 

  .box-btn-link div .content-btn-link { display: block; }
  /* line 4020, ../sass/app.scss */
  .box-btn-link div .content-btn-link .btn-link { width: 100%; margin: 10px 0 0 0; }
  /* line 4024, ../sass/app.scss */
  .box-btn-link div .content-btn-link .btn-link:nth-child(2n+1) { width: 100%; margin: 10px 0 0 0; }
  /* line 4038, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .box-news-content .news-content .content { padding: 15px 0 15px 0; }
  /* line 4043, ../sass/app.scss */
  .box-news .box-sliding .content-sliding .sliding-01 div .mobile { right: 15px; }
  /* line 4053, ../sass/app.scss */
  .box-media div .content-media { display: block; }
  /* line 4055, ../sass/app.scss */
  .box-media div .content-media .col-left { width: 100%; padding-right: 0; }
  /* line 4058, ../sass/app.scss */
  .box-media div .content-media .col-left .box-media-sliding { height: 320px; }
  /* line 4062, ../sass/app.scss */
  .box-media div .content-media .col-left .box-media-sliding .media-sliding .sliding-media-01 .box-image { height: 320px; }
  /* line 4068, ../sass/app.scss */
  .box-media div .content-media .col-left .media-bottom { position: relative; width: 100%; display: block; }
  /* line 4072, ../sass/app.scss */
  .box-media div .content-media .col-left .media-bottom .media-bottom-left { float: left; width: 48%; width: -webkit-calc(50% - 7.5px); width: expression(50% - 7.5px); width: -moz-calc(50% - 7.5px); width: -o-calc(50% - 7.5px); width: calc(50% - 7.5px); }
  /* line 4081, ../sass/app.scss */
  .box-media div .content-media .col-left .media-bottom .media-bottom-right { float: left; width: 48%; width: -webkit-calc(50% - 7.5px); width: expression(50% - 7.5px); width: -moz-calc(50% - 7.5px); width: -o-calc(50% - 7.5px); width: calc(50% - 7.5px); }
  /* line 4092, ../sass/app.scss */
  .box-media div .content-media .col-right { width: 100%; padding-left: 0; margin-top:15px; }
  /* line 4097, ../sass/app.scss */
  .box-media div .content-media .col-right .box-top .box-row .media-left { height: 120px; }
  /* line 4099, ../sass/app.scss */
  .box-media div .content-media .col-right .box-top .box-row .media-left .box-image { height: 120px; }
  /* line 4103, ../sass/app.scss */
  .box-media div .content-media .col-right .box-top .box-row .media-right { height: 120px; }
  /* line 4105, ../sass/app.scss */
  .box-media div .content-media .col-right .box-top .box-row .media-right .box-image { height: 120px; }
  /* line 4121, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding { padding: 30px 40px 30px 40px; }
  /* line 4125, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .director .dirctor-left .label-dirctor { font-size: 12px; }
  /* line 4131, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-right .box-director-sliding .director-sliding .director .director-content .text-director p { font-size: 10px; line-height: 15px; }
  /* line 4142, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-right .btn-view-all .text-link span { font-size: 11px; }
  /* line 4145, ../sass/app.scss */
  .box-success div .content-success .box-content-success .content-success-right .btn-view-all .text-link i { font-size: 10px; }
  /* line 4159, ../sass/app.scss */
  .footer .footer-bottom div .box-footer-right .text-footer-right { height: 50px; }
  /* line 4161, ../sass/app.scss */
  .footer .footer-bottom div .box-footer-right .text-footer-right a { display: none; }
  /* line 4171, ../sass/app.scss */
  .box-breadcrumbs div i { font-size: 14px; }
  /* line 4174, ../sass/app.scss */
  .box-breadcrumbs div span { font-size: 11px; }
  /* line 4181, ../sass/app.scss */
  .box-title-service div .text-title { font-size: 14px; }
  /* line 4188, ../sass/app.scss */
  .box-link-btn-service div .btn-service { font-size: 12px; } }
@-webkit-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }



.responsive-table {
  width: 100%;
  margin-bottom: 1.5em;
}

@media (min-width: 48em) {
  .responsive-table {
    font-size: .9em;
  }
}
@media (min-width: 62em) {
  .responsive-table {
    font-size: 1.2em;
  }
}
.responsive-table thead {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
@media (min-width: 48em) {
  .responsive-table thead {
    position: relative;
    clip: auto;
    height: auto;
    width: auto;
    overflow: auto;
  }
}
.responsive-table thead th {
  background-color: #25314a;
  border: 1px solid #333d51;
  font-weight: normal;
  text-align: center;
  color: white;
  font-size:13px;
  font-family: 'dtac2013_bl-webfont', 'dtac2013_lt-webfont', 'dtac2013_rg-webfont';
}
.responsive-table thead th:first-of-type {
  text-align: left;
}
.responsive-table tbody,
.responsive-table tr,
.responsive-table th,
.responsive-table td {
  display: block;
  border: 1px solid #E8E8E8;
  padding: 0;
  text-align: left;
  white-space: normal;
}
@media (min-width: 48em) {
  .responsive-table tr {
    display: table-row;
  }
}
.responsive-table th,
.responsive-table td {
  padding: .5em;
  vertical-align: middle;
  
}
@media (min-width: 30em) {
  .responsive-table th,
  .responsive-table td {
    padding: .75em .5em;
  }
}
@media (min-width: 48em) {
  .responsive-table th,
  .responsive-table td {
    display: table-cell;
    padding: .5em;
	
  }
  
}
@media (min-width: 62em) {
  .responsive-table th,
  .responsive-table td {
    padding: .75em .5em;
  }
}
@media (min-width: 75em) {
  .responsive-table th,
  .responsive-table td {
    /*padding: .75em;*/
	
  }
}
.responsive-table caption {
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 48em) {
  .responsive-table caption {
    font-size: 1.5em;
  }
}
.responsive-table tfoot {
  font-size: .8em;
  font-style: italic;
}
@media (min-width: 62em) {
  .responsive-table tfoot {
    font-size: .9em;
  }
}
@media (min-width: 48em) {
  .responsive-table tbody {
    display: table-row-group;
  }
}
.responsive-table tbody tr {
  margin-bottom: 1em;
  border: 2px solid #1d96b2;
}
@media (min-width: 48em) {
  .responsive-table tbody tr {
    display: table-row;
    border-width: 1px;
  }
}
.responsive-table tbody tr:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 48em) {
  .responsive-table tbody tr:nth-of-type(even) {
   /* background-color: rgba(94, 93, 82, 0.1);*/
   background-color: #f5f5f5;
  }
}
.responsive-table tbody th[scope="row"] {
  background-color: #1d96b2;
  color: white;
}
@media (min-width: 48em) {
  .responsive-table tbody th[scope="row"] {
    background-color: transparent;
    color: #000;
    text-align: left;
  }
}
.responsive-table tbody td {
  text-align: right;
  font-size:14px;
  
}
@media (min-width: 30em) {
  .responsive-table tbody td {
    border-bottom: 1px solid #d1d3d3;
  }
}
@media (min-width: 48em) {
  .responsive-table tbody td {
    text-align: left;
	
  }
}
.responsive-table tbody td[data-type=currency] {
  text-align: right;
}
.responsive-table tbody td[data-title]:before {
  content: attr(data-title);
  float: left;
  font-size: .8em;
  color: rgba(94, 93, 82, 0.75);
}
@media (min-width: 30em) {
  .responsive-table tbody td[data-title]:before {
    font-size: .9em;
  }
}
@media (min-width: 48em) {
  .responsive-table tbody td[data-title]:before {
    content: none;
  }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
.header .content-header .top div .box-member { float: right; display: table; /*height: 95px; */}
/* line 229, ../sass/app.scss */
.header .content-header .top div .box-member .btn-app { padding: 5px 5px 5px 5px; box-sizing: border-box; position: relative; display: table-cell; vertical-align: middle; font-size: 14px; line-height: 14px; }
/* line 237, ../sass/app.scss */
.header .content-header .top div .box-member .btn-app .menu-dropdown:hover { opacity: 0.8; }
/* line 241, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signin { padding: 5px 5px 5px 5px; box-sizing: border-box; display: table-cell; vertical-align: middle; font-size: 14px; line-height: 14px; }
/* line 248, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signin .text-signin { display: inline; cursor: pointer; color: #fff; text-decoration:none; padding: .45rem .9rem; font-size: .675rem;}
/* line 253, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signin .text-signin:hover { opacity: 0.8; }
/* line 256, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signin .text-signup { display: inline; cursor: pointer; color: #fff; }
/* line 261, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signin .text-signup:hover { opacity: 0.8; }
/* line 265, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signout { position: relative; display: table-cell; vertical-align: middle; font-size: 14px; line-height: 14px; }
/* line 272, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signout .menu-dropdown .has-child { position: relative; padding-right: 30px !important; }
/* line 276, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signout .menu-dropdown .has-child::before { -webkit-transform: rotate(45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(45deg); /* IE 9 */ transform: rotate(45deg); /* Firefox 16+, IE 10+, Opera */ right: 12px; content: ''; position: absolute; top: 50%; margin-top: -1px; height: 2px; width: 9px; background: #000; }
/* line 289, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signout .menu-dropdown .has-child::after { -webkit-transform: rotate(-45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(-45deg); /* IE 9 */ transform: rotate(-45deg); /* Firefox 16+, IE 10+, Opera */ right: 7px; content: ''; position: absolute; top: 50%; margin-top: -1px; height: 2px; width: 9px; background: #000; }
/* line 302, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signout .menu-dropdown .active::before { -webkit-transform: rotate(-45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(-45deg); /* IE 9 */ transform: rotate(-45deg); /* Firefox 16+, IE 10+, Opera */ }
/* line 307, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signout .menu-dropdown .active::after { -webkit-transform: rotate(45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(45deg); /* IE 9 */ transform: rotate(45deg); /* Firefox 16+, IE 10+, Opera */ }
/* line 313, ../sass/app.scss */
.header .content-header .top div .box-member .btn-signout .menu-dropdown:hover { opacity: 0.8; }
/* line 320, ../sass/app.scss */
}



/************ Tab **************/
/* Style the tab */
.tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	align-content: center;
}
/* Style the buttons inside the tab */
.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
}
/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #ddd;
}
/* Create an active/current tablink class */
.tab button.active {
	background-color: #ccc;
}
/* Style the tab content */
.tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}
.loader {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid blue;
	border-bottom: 16px solid blue;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
 @-webkit-keyframes spin {
 0% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
}
}
 @keyframes spin {
 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}
}
	img {
    pointer-events: none;
}



/* Index Page */
 #content-container-mhd {
    background-color: #EDEDED;
    padding: 2rem;
    position: relative;
    z-index: 1;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
/*#content-container-mhd #content-container-inner #main-content-wrapper .tileRow {
    position: relative;
    display: flex;
}
#content-container-mhd #content-container-inner #main-content-wrapper .tileRow.first-tile-row {
    z-index: 998;
}*/
/*  .tileRow, .wrapper, .standardContent, .study-accordion, #prog-intro, #programme-search-filter-header, #programme-search-filter {
    max-width: 1465px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}*/
.column, .columns {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem;
}
.column, .columns, .columns {
    min-height: 1px;
}
#content-container-mhd .tileContainer {
    z-index: 2;
    display: flex;
    color: #fff;
    position: relative;
}
#content-container-mhd .tileContainer:first-child {
    padding-left: 0;
}
#content-container-mhd .tileContainer.isplain {
    z-index: 3;
    position: initial;
}
#content-container-mhd .tileContainer .tile {
    width: 100%;
    box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 15%);
    -webkit-backface-visibility: hidden;
    overflow: hidden;
    position: relative;
    -webkit-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0);
    transition: all 0.1s ease-in-out;
}
#content-container-mhd .tileContainer .tile.panel {
    background: #003865;
    color: #fff;
}
#content-container-mhd .tileContainer .tile.panel.plain {
    background: none;
    color: #343536;
    overflow: initial;
    z-index: 3;
}

#content-container-mhd .tileContainer .tile.panel.TileBackgroundCobalt, #content-container-mhd .tileContainer .tile.panel.cobalt {
    background: #005398;
    color: #fefefe;
}

#content-container-mhd .tileContainer .tile .tileText {
    height: 100%;
    padding: 2rem;
    position: relative;
}

#content-container-mhd .tileContainer .tile .tileText.search {
    padding-bottom: 3rem;
}

#content-container-mhd .tileText h3 {
    font-weight: 400;
    padding: 0;
    margin: 0;
    margin-bottom: 1.4rem;
    line-height: 2.2rem;
    font-size: 2rem;
}

#coursefinder, #findascholarship {
    padding: 0 1rem;
}
.row .row {
    margin-left: -.625rem;
    margin-right: -.625rem;
}

#content-container-mhd input, #content-container-mhd select, #content-container-mhd textarea {
    display: block;
    width: 100%;
    padding: 1em 1.5em;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 0.25rem;
    color: #003865;
    line-height: 1.625em;
}

#coursefinder .column, #coursefinder .columns, #findascholarship .column, #findascholarship .columns {
    padding: 0;
}

#content-container-mhd .tileContainer .tile .tileText.search .column, #content-container-mhd .tileContainer .tile .tileText.search .columns {
    padding: 0;
    position: relative;
}

#coursefinder #coursefinder-input, #findascholarship #coursefinder-input {
    position: relative;
}

#coursefinder input, #coursefinder select, #findascholarship input, #findascholarship select {
    height: 64px;
}

#content-container-mhd input {
    border: 1px solid #dcdcdc;
}

#content-container-mhd .tileContainer .tile .tileText form input {
    margin-bottom: 1rem;
}

#content-container-mhd .tileContainer .tile .tileText.search input[type="text"] {
    border-radius: 0.25rem 0 0 0.25rem;
    height: 64px;
}

#coursefinder #q, #findascholarship #q {
    border-radius: 0.25rem;
}

#coursefinder #l, #findascholarship #l {
    border-radius: 0.25rem 0 0 0.25rem;
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right;
}

#content-container-mhd .tileContainer .tile .tileText.search button, #content-container-mhd .tileContainer .tile .tileText.search input[type="submit"] {
    border-radius: 0 0.25rem 0.25rem 0;
    background-color: #003865;
    color: #fff;
    border: none;
    padding: 1.36rem;
    width: 100%;
    height: 64px;
}

#content-container-mhd .tileContainer .tile .tileText.search input[type="submit"] {
    padding: 1.05rem;
}

#coursefinder #s, #findascholarship #s {
    border-radius: 0 0.25rem 0.25rem 0;
    background-color: #003865;
    color: #fff;
    border: none;
}

#content-container-mhd input[type="submit"] {
    cursor: pointer;
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right;
}

.column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left;
}

#content-container-mhd .tileContainer:last-child {
    padding-right: 0;
}

#content-container-mhd .tileContainer .tile {
    width: 100%;
    box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 15%);
    -webkit-backface-visibility: hidden;
    overflow: hidden;
    position: relative;
    -webkit-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0);
    transition: all 0.1s ease-in-out;
}

#content-container-mhd .tileContainer .tile.panel {
    background: #003865;
    color: #fff;
}

#content-container-mhd .tileContainer .tile.panel.TileBackgroundAlt3 {
    background: #F7F7F7;
    color: #003865;
}

#content-container-mhd .tileContainer .tile .tileText {
    height: 100%;
    padding: 2rem;
    position: relative;
}

#content-container-mhd ul {
    margin-block-start: 1em;
    margin-block-end: 1em;
}

#content-container-mhd .tileContainer .tile .tileText ul {
    padding: 0;
}

#content-container-mhd .tileContainer .tile .tileText ul li {
    list-style: none;
    padding-left: 1.8rem;
    margin-bottom: 1rem;
    position: relative;
    line-height: 25px;
}

#content-container-mhd .tileContainer .tile .tileText ul li a {
    text-decoration: none;
    border-bottom: none;
    display: block;
}

#content-container-mhd .tileContainer .tile.panel.TileBackgroundAlt3 a {
    color: #003865;
}

#content-container-mhd .tileContainer .tile .tileText ul li a:before, #content-container-mhd .tileContainer .tile .tileText ul li .link-replaced:before {
    content: "";
    display: block;
    margin-right: 0.3125em;
    vertical-align: middle;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 3px;
    left: 0;
    background-image: url('img/arrow-blue.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75%;
    transition: all 0.3s;
}

#content-container-mhd .tileContainer .tile.panel.TileBackgroundAlt3 ul li a:before, #content-container-mhd .tileContainer .tile.panel.TileBackgroundAlt3 ul li .link-replaced:before {
    background-image: url('img/arrow-blue.png');
}

#content-container-mhd .tileContainer .tile .tileText ul li a:hover:before, #content-container-mhd .tileContainer .tile .tileText ul li .link-replaced:hover:before {
    margin-left: 0.2em;
}

#programme_autocomplete {
    position: absolute;
    top: 80%;
    left: 0;
    right: 65%;
    padding: 0 1rem 1rem 1rem;
    z-index: 99999999;
    border-radius: 0 0 0.25rem 0.25rem;
    box-shadow: 0px 3px 6px -4px rgb(0 0 0 / 48%);
    background: white;
    width: auto !important;
}

#programme_autocomplete .ui-autocomplete-category {
    color: #003865;
    font-size: 1.17em !important;
    font-weight: bold;
    padding: 0;
    padding-top: 0.8rem;
    cursor: text;
    padding-bottom: 1rem;
    line-height: 2.2rem;
}

#programme_autocomplete.ui-autocomplete .ui-autocomplete-category:hover,
#programme_autocomplete.ui-autocomplete .ui-autocomplete-category:hover li,
#programme_autocomplete.ui-autocomplete .ui-autocomplete-category:hover li a,
#programme_autocomplete.ui-autocomplete .ui-menu-item-wrapper:hover,
#programme_autocomplete.ui-autocomplete .ui-menu-item-wrapper.ui-state-active:hover,
#programme_autocomplete.ui-autocomplete .ui-menu-item:hover,
#programme_autocomplete.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
    color: inherit;
    background-color: transparent !important;
    border-color: transparent;
}

#programme_autocomplete.ui-autocomplete li a {
    color: #343536;
}

#programme_autocomplete.ui-autocomplete li a:before {
    background-image: url('img/arrow-blue.png');
}

.ui-draggable, .ui-droppable {
    background-position: top;
}

.ui-autocomplete {
    overflow-y: unset !important;
    overflow-x: unset !important;
    /*display: block !important;*/
    max-height: unset !important;
}

/*#programme_autocomplete.ui-autocomplete ul {
    padding: 0;
}



#programme_autocomplete.ui-autocomplete ul li a {
    text-decoration: none;
    border-bottom: none;
    display: block;
}
*/
 #programme_autocomplete.ui-autocomplete li a {
    padding-left: 1.8rem;
    padding-bottom: 1rem;
    position: relative;
    line-height: 25px;
}

#programme_autocomplete li a:before {
    content: "";
    display: block;
    margin-right: 0.3125em;
    vertical-align: middle;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 3px;
    left: 0;
    background-image: url('img/arrow-blue.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75%;
    transition: all 0.3s;
}

#programme_autocomplete.ui-autocomplete li a:before {
    background-image: url('img/arrow-blue.png');
}

#programme_autocomplete.ui-autocomplete li a:hover:before {
    margin-left: 0.2em;
}

.row::before, .row::after {
    content: ' ';
    display: table;
    flex-basis: 0;
    order: 1;
    width: 100%;
}

.small-12 {
    width: 100%;
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right;
}

@media screen and (min-width: 992em) {
	.large-2 {
	    width: 16.66667%;
	}
	.large-3 {
	    width: 25%;
	}
    .large-4 {
        width: 33.33333%;
    }
    .large-8 {
        width: 66.66667%;
    }
    .large-12 {
        width: 100%;
    }
}
@media screen and (min-width: 768px) {
    .column, .columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
    }
    .medium-2 {
	    width: 16.66667%;
	}
	.medium-3 {
	    width: 25%;
	}
    .medium-4 {
        width: 33.33333%;
    }
    .medium-6 {
        width: 50%;
    }
    .medium-8 {
        width: 66.66667%;
    }
    .medium-12 {
        width: 100%;
    }
    .row .row {
        margin-left: -.9375rem;
        margin-right: -.9375rem;
    }
}

@media screen and (max-width: 991px) {
	#content-container-mhd {
	    padding: 15px;
	}
	#content-container-mhd .tileContainer:first-child {
		padding-right: 0;
	}
	#content-container-mhd .tileContainer .tile .tileText {
	    padding: 15px;
	}
}

@media screen and (max-width: 767px) {
	#content-container-mhd {
	    padding: 0;
	}
	#content-container-mhd .tileContainer:last-child {
	    padding-left: 0;
	}
	#content-container-mhd .tileContainer .tile .tileText {
	    padding: 1.5rem;
	}
	#content-container-mhd .tileContainer .tile .tileText.search {
	    padding-bottom: 1.5rem;
	}
	#programme_autocomplete {
		right: 25%;
	}
}

@media screen and (max-width: 480px) {
	#programme_autocomplete {
	    right: 13%;
	}
	#content-container-mhd .tileContainer .tile .tileText.search {
	    padding-bottom: 1rem;
	}
}




/* End Index Page */



/* Search Page */
.standardContent {
    margin-top: 2rem !important;
    background-color: #F7F7F7;
    padding: 1rem;
    position: relative;
}
.standardContent.search-container {
    background-color: #003865;
    padding: 2rem 1rem;
    margin: 0 !important;
}
.maincontent.widesearch {
    padding: 0;
}
.maincontent #search-label {
	display: none;
}
.maincontent #search_input {
    display: inline;
    margin-right: 1em;
    padding: 1.125rem;
    -webkit-appearance: none;
    -webkit-border-radius: 0.25rem 0 0 0.25rem;
    -moz-border-radius: 0.25rem 0 0 0.25rem;
    border-radius: 0.25rem 0 0 0.25rem;
}
input[type="search"] {

    -webkit-appearance: textfield;
    box-sizing: content-box;
}
.maincontent form select {
    height: 64px;
}
.maincontent #fb-search-button {
    border-radius: 0.25rem;
    background-color: #005398;
    color: #fff;
    border: none;
    /*padding: 1.36rem;*/
    width: 100%;
    height: 64px;
    cursor: pointer;
}
#content-container-mhd #programme-search-filter-header {
    background: #d3d3d3;
    padding: 1rem 0.6rem;
    cursor: pointer;
    margin: 1rem 0;
}
#content-container-mhd #programme-search-filter-header h2 {
    margin: 0;
    color: #003865;
    font-size: 1.5em;
}
#content-container-mhd #programme-search-filter-header h2:before {
	content: "";
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 0.6rem;
    margin-top: 0.6rem;
    background-size: contain;
    color: inherit;
    transition: all 0.3s;
    background: url(img/toggle-open-blue.png) center center no-repeat;
}
#content-container-mhd #programme-search-filter-header h2.open:before {
    background: url(img/toggle-close-blue.png) center center no-repeat;
}
#content-container-mhd #programme-search-filter {
    padding: 1rem;
    max-height: 1000px;
    transition: max-height 1s ease;
    height: auto;
    display: block;
}
#content-container-mhd #programme-search-filter h3 {
    padding: 0 0 1rem 0;
    margin: 0;
}
#content-container-mhd #programme-search-filter .filter-input-wrapper {
    position: relative;
    margin-bottom: 7px;
}
#content-container-mhd #programme-search-filter .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 28px;
    margin: 0;
    vertical-align: middle;
}
#content-container-mhd #programme-search-filter .search-option-label {
    position: absolute;
    top: 2px;
    left: 55px;
}
#content-container-mhd #programme-search-filter .filter-input-wrapper .hidden {
    display: none;
}
#content-container-mhd #programme-search-filter .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
#content-container-mhd #programme-search-filter .slider.round {
    border-radius: 28px;
}
#content-container-mhd #programme-search-filter input:checked+.slider {
    background-color: #2196f3;
}
#content-container-mhd #programme-search-filter .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
#content-container-mhd #programme-search-filter .slider.round:before {
    border-radius: 50%;
}
#content-container-mhd #programme-search-filter input:checked+.slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
}
#content-container-mhd #programme-search-filter #close-filter {
    background-color: #6a6b6b;
    float: right;
    margin-top: 1rem;
}
#content-container-mhd .button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 0.85em 1em;
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    background-color: #2199e8;
    color: #fefefe;
}
#content-container-mhd .button.small {
    font-size: .75rem;
}
#programme-results.standardContent {
    margin: 2rem 0 !important;
}
#content-container-mhd #programme-results #filter-indicator {
    padding: 0.5rem;
    margin-bottom: 1rem;
}
#content-container-mhd #programme-results #filter-indicator .filter {
    padding: 0.5rem;
    border: 2px solid #a7a7a7;
    border-radius: 3px;
    margin-right: 0.3rem;
    text-transform: uppercase;
    font-size: 0.8rem;
    cursor: pointer;
}
#content-container-mhd #programme-results #filter-indicator .filter:after {
    content: "\2716";
    font-family: Material Icons;
    display: inline;
    margin-left: 0.4rem;
    color: #a7a7a7;
}

#content-container-mhd #programme-results .programme-result {
    background: #fff;
    -webkit-box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 15%);
    margin-bottom: 1rem;
    padding: 0 2rem;
}
#content-container-mhd #programme-results .programme-result h3 {
    text-transform: uppercase;
    font-size: 1.6rem;
    line-height: 1.6rem;
    color: #003865;
    margin-bottom: 1rem;
}
#content-container-mhd #programme-results .programme-result h3 a {
    color: #003865;
    cursor: pointer;
}
#content-container-mhd #programme-results .programme-result h3 span.designations {
    color: #4f5961;
    text-transform: none;
    font-weight: normal;
}
#content-container-mhd #programme-results .programme-result h4 {
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: #003865;
    margin: 0;
}
#content-container-mhd a {
    text-decoration: none;
    color: #005398;
}
#content-container-mhd #programme-results .programme-result .calltoaction {
    background: #003865 url(img/arrow-thick-right.png) 1rem 1.4rem no-repeat;
}
#content-container-mhd #programme-results .programme-result .calltoaction, #content-container-mhd #programme-results .programme-result .applynow {
	/*font-family: "nimbus-sans",sans-serif;*/
    color: #fff !important;
    cursor: pointer;
    padding: 1rem;
    border: 0;
    margin: 1rem 1rem 1rem 0;
    display: inline-block;
    border-radius: 0.25rem;
    font-weight: 400;
    font-size: 1.2rem;
    padding-left: 3rem;
}
#content-container-mhd #programme-results .bookmark {
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}
#content-container-mhd #programme-results .bookmark .material-icons {
    color: #343536 !important;
}
#content-container-mhd #programme-results .bookmark .link {
    position: absolute;
    padding-left: 0.4rem;
}

#content-container-mhd #programme-results .tags {
    width: 30%;
    margin-left: auto !important;
    margin-top: 2rem;
    padding-left: 25px;
}
#content-container-mhd #programme-results span.tag.button {
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 0.5rem;
    background: #fff;
    color: #000;
    border: 2px solid;
}
#content-container-mhd #programme-results span.tag.button:hover {
    box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 25%);
}
#content-container-mhd #programme-results span.tag.button.pgt {
    border-color: #005398;
    color: #005398;
}
#content-container-mhd #programme-results span.tag.button.internal {
    border-color: #343536;
    color: #343536;
}
#content-container-mhd #programme-results span.tag.button.ug {
	border-color: #951272;
    color: #951272;
}

#content-container-mhd #programme-search-filter #close-filter:hover, #content-container-mhd #programme-search-filter #close-filter:focus {
    background-color: #4f5050;
}
@media screen and (max-width: 767px) {
	.maincontent #search_input {
	    box-sizing: border-box;
	}
	#content-container-mhd #programme-search-filter .large-6 {
	    margin-top: 25px;
    	margin-bottom: 20px;
	}
	#content-container-mhd #programme-results .tags {
	    width: 100%;
    	margin-bottom: 25px;
    	margin-top: 20px;
    	padding: 0 1rem;
	}
	#programme-results.standardContent {
	    margin: 2rem 0 !important;
	}
	#programme-results.standardContent {
	    padding: 0;
	    margin-top: 1rem !important;
	}
	#content-container-mhd #programme-results .programme-result {
	    padding: 0 1rem;
	}
	#content-container-mhd #programme-results .programme-result .calltoaction {
    	width: 100%;
	}
	#content-container-mhd #programme-search-filter select {
	    padding: 0.5em 0.75em;
	}
}
@media screen and (max-width: 480px) {
	.standardContent.search-container {
	    padding: 1.25rem 0.5rem;
	}
}
/* End Search Page */


/* Subjects Page */
.list-all-subjects-custom.standardContent {
	margin: 0 !important;
    background: transparent;
}

.list-filter-nav ul.list-nav {
    margin: 1rem 0;
    padding: 0;
}

.list-filter-nav ul.list-nav li {
    list-style: none;
    display: inline-block;
    margin: 0.6rem 0.4rem 0 0;
    padding: 0;
}

.list-filter-nav ul.list-nav li a {
    border: 1px solid #4c7393;
    padding: 0.1rem 0.4rem;
    cursor: pointer;
}

.maincontent ul.programme-list {
    padding: 0;
    margin: 0;
}

.maincontent ul.programme-list li {
    list-style: none;
    font-size: 1.1rem;
    position: relative;
    padding-left: 2rem;
    padding-top: 3px;
    padding-bottom: 3px;
}

.maincontent ul.programme-list li:before, .maincontent ul.longlist li:before {
    content: "";
    display: block;
    margin-left: 0.3125em;
    vertical-align: middle;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 10px;
    left: 0;
    background-image: url(img/arrow-blue.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75%;
    transition: all 0.3s;
}
.maincontent ul.programme-list li a {
    text-decoration: none;
    border-bottom: none !important;
    color: #003865;
    display: inline-block;
}
.maincontent ul.programme-list li:hover:before {
    left: 4px;
}
@media screen and (max-width: 767px) {
	.list-all-subjects-custom.standardContent {
	    margin: 0 !important;
	    background: transparent;
        padding: 0 0.75rem;
	}
	ul.list-nav li a {
	    display: block;
	    width: 36px;
	    text-align: center;
	    padding: 0.2rem 0 !important;
	}
	.list-filter-nav ul.list-nav li {
	    margin: 0.6rem 0.2rem 0 0;
	}

}
/* End Subjects Page */











/*---- theme-btn ----*/
.theme-btn {
  font-size: 15px;
  background-color: #51be78;
  color: #fff;
  font-weight: 500;
  padding: 0 30px 0 30px;
  line-height: 45px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  display: inline-block;
  -webkit-transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -ms-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
  border: none;
  overflow: hidden; }

/*---- theme-btn-after ----*/
.theme-btn:after, .course-area .course-tab-wrap .course-tab-list.nav-tabs li a:after, .package-area .package-content-wrap .package-item .package-tooltip .package__tooltip:after {
  position: absolute;
  left: -12px;
  top: 0;
  height: 100%;
  width: 56%;
  content: "";
  background-color: #fff;
  opacity: .1;
  -webkit-transform: skewX(15deg);
  -moz-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  -o-transform: skewX(15deg);
  transform: skewX(15deg);
  -webkit-transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -ms-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in; }



/*---------------- theme-btn ----------------*/
.theme-btn:hover {
  color: #fff; }
  .theme-btn:hover:after {
    width: 100%;
    left: 0;
    -webkit-transform: skewX(0);
    -moz-transform: skewX(0);
    -ms-transform: skewX(0);
    -o-transform: skewX(0);
    transform: skewX(0);
    opacity: .2; }

.theme-btn2 {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

/*---------------- section-heading ----------------*/
.section-heading {
  position: relative;
  z-index: 1; }
  .section-heading .section__meta {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    color: #51be78;
    background-color: rgba(81, 190, 120, 0.1);
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    letter-spacing: 0.6px;
    margin-bottom: 5px;
    font-weight: 400; }
  .section-heading .section__title {
    font-size: 35px;
    font-weight: 600; }
    @media (max-width: 575px) {
      .section-heading .section__title {
        font-size: 40px; } }
  .section-heading .section__title2,
  .section-heading .section__meta2 {
    color: #fff; }
  .section-heading .section__meta2 {
    background-color: rgba(255, 255, 255, 0.1); }
  .section-heading .section__meta3 {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 6px 15px; }
  .section-heading .section__desc {
    line-height: 28px;
    margin-bottom: 34px; }
  .section-heading .section__desc2 {
    font-size: 22px;
    font-weight: 500; }
  .section-heading .section__divider {
    display: inline-block;
    position: relative;
    height: 5px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #51be78;
    width: 90px;
    margin-top: 18px;
    margin-bottom: 18px;
    overflow: hidden; }
    .section-heading .section__divider:after {
      content: '';
      position: absolute;
      left: 0;
      top: -1.1px;
      height: 7px;
      width: 8px;
      background-color: #fff;
      -webkit-animation-duration: 3s;
      animation-duration: 3s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-name: MOVE-BG;
      animation-name: MOVE-BG; }
  .section-heading .section__divider2 {
    background-color: rgba(255, 255, 255, 0.1); }
    .section-heading .section__divider2:after {
      background-color: #fff; }

/*---------------- MOVE-BG----------------*/
@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(88px);
    transform: translateX(88px); } }

@-webkit-keyframes MOVE-BG {
  from {
    -ms-transform: translateX(0);
    transform: translateX(0); }
  to {
    -ms-transform: translateX(88px);
    transform: translateX(88px); } }

@keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(88px);
    transform: translateX(88px); } }

/*---------------- MOVE-BG 2 ----------------*/
@-webkit-keyframes MOVE-BG2 {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(48px);
    transform: translateX(48px); } }

@-webkit-keyframes MOVE-BG2 {
  from {
    -ms-transform: translateX(0);
    transform: translateX(0); }
  to {
    -ms-transform: translateX(48px);
    transform: translateX(48px); } }

@keyframes MOVE-BG2 {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(48px);
    transform: translateX(48px); } }

/*---------------- section-divider ----------------*/
.section-divider {
  position: relative;
  height: 2px;
  background-color: rgba(127, 136, 151, 0.1); }


/*-===============================
    PACKAGE AREA
===============================-*/
.package-area {
  /*padding-top: 120px;*/
  /*padding-bottom: 90px;*/
  position: relative; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .package-area {
      padding-bottom: 0; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .package-area {
      padding-bottom: 20px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .package-area {
      padding-bottom: 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .package-area .package-content-wrap .col-lg-4 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; } }
  .package-area .package-content-wrap .package-item {
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(14, 16, 48, 0.05);
    -moz-box-shadow: 0 0 40px rgba(14, 16, 48, 0.05);
    box-shadow: 0 0 40px rgba(14, 16, 48, 0.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 20px 20px 25px 20px;
    margin-bottom: 30px;
    position: relative;
    z-index: 1; }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .package-area .package-content-wrap .package-item {
        width: auto; } }
    .package-area .package-content-wrap .package-item .package-tooltip {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      -webkit-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0; }
      .package-area .package-content-wrap .package-item .package-tooltip .package__tooltip {
        background-color: #51be78;
        color: #fff;
        font-weight: 600;
        text-align: center;
        display: block;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
        padding: 15px 0;
        font-size: 18px;
        position: relative;
        z-index: 1; }
    .package-area .package-content-wrap .package-item .package-title {
      border-bottom: 1px solid rgba(127, 136, 151, 0.1);
      padding-bottom: 18px;
      margin-bottom: 18px; }
      .package-area .package-content-wrap .package-item .package-title .package__price {
        font-size: 50px;
        font-weight: 600;
        margin-bottom: 10px; }
      .package-area .package-content-wrap .package-item .package-title .package__title {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 6px; }
    .package-area .package-content-wrap .package-item .package-list {
      padding-bottom: 33px; }
      .package-area .package-content-wrap .package-item .package-list li {
        font-weight: 300;
        margin-bottom: 15px; font-size: 13px; }
        .package-area .package-content-wrap .package-item .package-list li span {
          color: #38BB0C;
          font-size: 15px;
          margin-right: 2px; }
          .package-area .package-content-wrap .package-item .package-list li span.la-close {
            color: #DD493D; }
        .package-area .package-content-wrap .package-item .package-list li:last-child {
          margin-bottom: 0; }
    .package-area .package-content-wrap .package-item .package-price .theme-btn {
      display: block;
      width: 100%;
      text-align: center;
      background-color: transparent;
      border: 1px solid #51be78;
      color: #51be78; }
      .package-area .package-content-wrap .package-item .package-price .theme-btn:hover {
        background-color: #51be78;
        color: #fff; }
    .package-area .package-content-wrap .package-item .package-price .package__meta {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-weight: 500;
      margin-top: 23px;
      font-size: 15px; }
  .package-area .package-content-wrap .package-item2 {
    padding-top: 75px;
    margin-top: -24px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .package-area .package-content-wrap .package-item2 {
        margin-top: 0; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .package-area .package-content-wrap .package-item2 {
        margin-top: 0; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .package-area .package-content-wrap .package-item2 {
        margin-top: 0; } }
    .package-area .package-content-wrap .package-item2 .package-price .theme-btn {
      background-color: #51be78;
      color: #fff; }

/*-===============================
    PAGINATION-WRAP
===============================-*/
.pagination-wrap {
  margin-top: 25px; }
  .pagination-wrap .pagination .page-item .page-link {
    color: #51be78;
    background-color: rgba(81, 190, 120, 0.1);
    font-size: 18px;
    margin-left: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: none;
    width: 40px;
    height: 40px;
    line-height: 39px;
    text-align: center;
    padding: 0; }
  .pagination-wrap .pagination .page-item:hover .page-link,
  .pagination-wrap .pagination .page-item.active .page-link {
    background-color: #51be78;
    color: #fff; }




  .list-group-flush:first-child .list-group-item:first-child {
      border-top: 0;
  }
  .list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
.list-group li{
  list-style: none;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.32rem 1.25rem;
  /*margin-bottom: -1px;*/
  background-color: #fff;
  /*border: 1px solid #e7eaf3;*/
  border-bottom: 1px solid #e7eaf3;
}
.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.list-group .list-group-item {
  font-size: 0.795rem;
line-height: 22px;
  color: #333e48;
}
[class*="jee"] {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-3jee3 {
  -ms-flex: 0 0 27.5% !important;
      flex: 0 0 27.5% !important;
  max-width: 27.5% !important;
}
@media (min-width: 576px) {
  .col-sm-3jee3 {
    -ms-flex: 0 0 27.5%;
        flex: 0 0 27.5%;
    max-width: 27.5%;
  }
}
.overflow-auto{
  overflow: auto !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
}
@media (min-width: 992px) {
  .col-lg-3jee3 {
    -ms-flex: 0 0 27.5%;
        flex: 0 0 27.5%;
    max-width: 27.5%;
  }
}
@media (min-width: 1200px) {
  .col-xl-3jee3 {
    -ms-flex: 0 0 27.5%;
        flex: 0 0 27.5%;
    max-width: 27.5%;
  }
}
/*------------------------------------
  Card
------------------------------------*/
.product-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}

.product-item__footer {
  display: none;
}
@media (min-width: 1200px) {
  .col-xl-3jee9 {
    -ms-flex: 0 0 32.5%;
        flex: 0 0 32.5%;
    max-width: 32.5%;
  }
}

@media (min-width: 1200px) {
  .product-item:hover .product-item__inner:not(.remove-prodcut-hover) {
    width: 100%;
    box-shadow: 0px 0px 6px 0px rgba(1, 1, 1, 0.3);
    background-color: #fff;
    z-index: 1;
  }
  .product-item:hover .product-item__footer {
    display: block;
  }
}

.product-item__title {
  font-size: 0.74987rem;
  line-height: 0.875rem;
}

@media (min-width: 992px) {
  .product-item__title {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}

@media (min-width: 768px) {
  .product-item__title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

@media (min-width: 1200px) {
  .product-item__title a {
    min-height: 2.25rem;
  }
}

@media (min-width: 1200px) {
  .product-item__list .product-item__title a {
    min-height: 100%;
  }
}
.product-item {
  border-bottom: 1px solid #eaeaea;
}

@media (min-width: 768px) {
  .product-item {
    border-width: 0;
  }
}

.product-item:last-child, .product-item:nth-last-child(2) {
  border-width: 0;
}








.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-wd-1, .col-wd-2, .col-wd-3, .col-wd-4, .col-wd-5, .col-wd-6, .col-wd-7, .col-wd-8, .col-wd-9, .col-wd-10, .col-wd-11, .col-wd-12, .col-wd,
.col-wd-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
      flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
      order: -1;
}

.order-last {
  -ms-flex-order: 13;
      order: 13;
}

.order-0 {
  -ms-flex-order: 0;
      order: 0;
}

.order-1 {
  -ms-flex-order: 1;
      order: 1;
}

.order-2 {
  -ms-flex-order: 2;
      order: 2;
}

.order-3 {
  -ms-flex-order: 3;
      order: 3;
}

.order-4 {
  -ms-flex-order: 4;
      order: 4;
}

.order-5 {
  -ms-flex-order: 5;
      order: 5;
}

.order-6 {
  -ms-flex-order: 6;
      order: 6;
}

.order-7 {
  -ms-flex-order: 7;
      order: 7;
}

.order-8 {
  -ms-flex-order: 8;
      order: 8;
}

.order-9 {
  -ms-flex-order: 9;
      order: 9;
}

.order-10 {
  -ms-flex-order: 10;
      order: 10;
}

.order-11 {
  -ms-flex-order: 11;
      order: 11;
}

.order-12 {
  -ms-flex-order: 12;
      order: 12;
}

.offset-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.66667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333%;
}

.offset-5 {
  margin-left: 41.66667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333%;
}

.offset-8 {
  margin-left: 66.66667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333%;
}

.offset-11 {
  margin-left: 91.66667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
        order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
        order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .offset-sm-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
        order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
        order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333%;
  }
  .offset-md-2 {
    margin-left: 16.66667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333%;
  }
  .offset-md-5 {
    margin-left: 41.66667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333%;
  }
  .offset-md-8 {
    margin-left: 66.66667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333%;
  }
  .offset-md-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
        order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
        order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
        order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
        order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .offset-xl-11 {
    margin-left: 91.66667%;
  }
}


@media (min-width: 1480px) {
  .col-wd {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-wd-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-wd-1 {
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-wd-2 {
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-wd-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-wd-4 {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-wd-5 {
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-wd-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-wd-7 {
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-wd-8 {
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-wd-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-wd-10 {
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-wd-11 {
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-wd-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-wd-first {
    -ms-flex-order: -1;
        order: -1;
  }
  .order-wd-last {
    -ms-flex-order: 13;
        order: 13;
  }
  .order-wd-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .order-wd-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .order-wd-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .order-wd-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .order-wd-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .order-wd-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .order-wd-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .order-wd-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .order-wd-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .order-wd-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .order-wd-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .order-wd-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .order-wd-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .offset-wd-0 {
    margin-left: 0;
  }
  .offset-wd-1 {
    margin-left: 8.33333%;
  }
  .offset-wd-2 {
    margin-left: 16.66667%;
  }
  .offset-wd-3 {
    margin-left: 25%;
  }
  .offset-wd-4 {
    margin-left: 33.33333%;
  }
  .offset-wd-5 {
    margin-left: 41.66667%;
  }
  .offset-wd-6 {
    margin-left: 50%;
  }
  .offset-wd-7 {
    margin-left: 58.33333%;
  }
  .offset-wd-8 {
    margin-left: 66.66667%;
  }
  .offset-wd-9 {
    margin-left: 75%;
  }
  .offset-wd-10 {
    margin-left: 83.33333%;
  }
  .offset-wd-11 {
    margin-left: 91.66667%;
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #333e48;
}

.table th,
.table td {
  padding: 0.5rem;
  vertical-align: top;
  border-top: 1px solid #ecedf2;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #ecedf2;
}

.table tbody + tbody {
  border-top: 2px solid #ecedf2;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #ecedf2;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #ecedf2;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f8fafd;
}

.table-hover tbody tr:hover {
  color: #333e48;
  background-color: rgba(231, 234, 243, 0.4);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #fff4b8;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #feea7a;
}

.table-hover .table-primary:hover {
  background-color: #fff09f;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #fff09f;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d9dce0;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b8bfc5;
}

.table-hover .table-secondary:hover {
  background-color: #cbcfd5;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #cbcfd5;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #b8f0e6;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #7ae3d1;
}

.table-hover .table-success:hover {
  background-color: #a3ecdf;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #a3ecdf;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #b8f6fe;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #7aeefd;
}

.table-hover .table-info:hover {
  background-color: #9ff3fe;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #9ff3fe;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f6cbc7;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ee9e97;
}

.table-hover .table-danger:hover {
  background-color: #f2b7b1;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f2b7b1;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c9cc;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #959ba0;
}

.table-hover .table-dark:hover {
  background-color: #b9bcc0;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bcc0;
}

.table-cyan,
.table-cyan > th,
.table-cyan > td {
  background-color: #c6ecfa;
}

.table-cyan th,
.table-cyan td,
.table-cyan thead th,
.table-cyan tbody + tbody {
  border-color: #95dcf5;
}

.table-hover .table-cyan:hover {
  background-color: #afe4f8;
}

.table-hover .table-cyan:hover > td,
.table-hover .table-cyan:hover > th {
  background-color: #afe4f8;
}

.table-sale,
.table-sale > th,
.table-sale > td {
  background-color: #f6c7c7;
}

.table-sale th,
.table-sale td,
.table-sale thead th,
.table-sale tbody + tbody {
  border-color: #ee9797;
}

.table-hover .table-sale:hover {
  background-color: #f2b1b1;
}

.table-hover .table-sale:hover > td,
.table-hover .table-sale:hover > th {
  background-color: #f2b1b1;
}

.table-black,
.table-black > th,
.table-black > td {
  background-color: #b8b8b8;
}

.table-black th,
.table-black td,
.table-black thead th,
.table-black tbody + tbody {
  border-color: #7a7a7a;
}

.table-hover .table-black:hover {
  background-color: #ababab;
}

.table-hover .table-black:hover > td,
.table-hover .table-black:hover > th {
  background-color: #ababab;
}

.table-green,
.table-green > th,
.table-green > td {
  background-color: #d1ebd1;
}

.table-green th,
.table-green td,
.table-green thead th,
.table-green tbody + tbody {
  border-color: #aadaaa;
}

.table-hover .table-green:hover {
  background-color: #bfe3bf;
}

.table-hover .table-green:hover > td,
.table-hover .table-green:hover > th {
  background-color: #bfe3bf;
}

.table-red,
.table-red > th,
.table-red > td {
  background-color: #fab8b8;
}

.table-red th,
.table-red td,
.table-red thead th,
.table-red tbody + tbody {
  border-color: #f67a7a;
}

.table-hover .table-red:hover {
  background-color: #f8a0a0;
}

.table-hover .table-red:hover > td,
.table-hover .table-red:hover > th {
  background-color: #f8a0a0;
}

.table-gray-1,
.table-gray-1 > th,
.table-gray-1 > td {
  background-color: #fcfcfc;
}

.table-gray-1 th,
.table-gray-1 td,
.table-gray-1 thead th,
.table-gray-1 tbody + tbody {
  border-color: #fafafa;
}

.table-hover .table-gray-1:hover {
  background-color: #efefef;
}

.table-hover .table-gray-1:hover > td,
.table-hover .table-gray-1:hover > th {
  background-color: #efefef;
}

.table-gray-2,
.table-gray-2 > th,
.table-gray-2 > td {
  background-color: #c7c7c7;
}

.table-gray-2 th,
.table-gray-2 td,
.table-gray-2 thead th,
.table-gray-2 tbody + tbody {
  border-color: #989898;
}

.table-hover .table-gray-2:hover {
  background-color: #bababa;
}

.table-hover .table-gray-2:hover > td,
.table-hover .table-gray-2:hover > th {
  background-color: #bababa;
}

.table-gray-3,
.table-gray-3 > th,
.table-gray-3 > td {
  background-color: #fafafa;
}

.table-gray-3 th,
.table-gray-3 td,
.table-gray-3 thead th,
.table-gray-3 tbody + tbody {
  border-color: #f6f6f6;
}

.table-hover .table-gray-3:hover {
  background-color: #ededed;
}

.table-hover .table-gray-3:hover > td,
.table-hover .table-gray-3:hover > th {
  background-color: #ededed;
}

.table-gray-4,
.table-gray-4 > th,
.table-gray-4 > td {
  background-color: #f8f8f8;
}

.table-gray-4 th,
.table-gray-4 td,
.table-gray-4 thead th,
.table-gray-4 tbody + tbody {
  border-color: #f2f2f2;
}

.table-hover .table-gray-4:hover {
  background-color: #ebebeb;
}

.table-hover .table-gray-4:hover > td,
.table-hover .table-gray-4:hover > th {
  background-color: #ebebeb;
}

.table-gray-5,
.table-gray-5 > th,
.table-gray-5 > td {
  background-color: #dddddd;
}

.table-gray-5 th,
.table-gray-5 td,
.table-gray-5 thead th,
.table-gray-5 tbody + tbody {
  border-color: #c1c1c1;
}

.table-hover .table-gray-5:hover {
  background-color: #d0d0d0;
}

.table-hover .table-gray-5:hover > td,
.table-hover .table-gray-5:hover > th {
  background-color: #d0d0d0;
}

.table-gray-6,
.table-gray-6 > th,
.table-gray-6 > td {
  background-color: #dddddd;
}

.table-gray-6 th,
.table-gray-6 td,
.table-gray-6 thead th,
.table-gray-6 tbody + tbody {
  border-color: #bfbfbf;
}

.table-hover .table-gray-6:hover {
  background-color: #d0d0d0;
}

.table-hover .table-gray-6:hover > td,
.table-hover .table-gray-6:hover > th {
  background-color: #d0d0d0;
}

.table-gray-7,
.table-gray-7 > th,
.table-gray-7 > td {
  background-color: #fdfdfd;
}

.table-gray-7 th,
.table-gray-7 td,
.table-gray-7 thead th,
.table-gray-7 tbody + tbody {
  border-color: #fcfcfc;
}

.table-hover .table-gray-7:hover {
  background-color: #f0f0f0;
}

.table-hover .table-gray-7:hover > td,
.table-hover .table-gray-7:hover > th {
  background-color: #f0f0f0;
}

.table-gray-8,
.table-gray-8 > th,
.table-gray-8 > td {
  background-color: #dadcdd;
}

.table-gray-8 th,
.table-gray-8 td,
.table-gray-8 thead th,
.table-gray-8 tbody + tbody {
  border-color: #babdc0;
}

.table-hover .table-gray-8:hover {
  background-color: #cdcfd1;
}

.table-hover .table-gray-8:hover > td,
.table-hover .table-gray-8:hover > th {
  background-color: #cdcfd1;
}

.table-gray-9,
.table-gray-9 > th,
.table-gray-9 > td {
  background-color: #e0e0e0;
}

.table-gray-9 th,
.table-gray-9 td,
.table-gray-9 thead th,
.table-gray-9 tbody + tbody {
  border-color: #c5c5c5;
}

.table-hover .table-gray-9:hover {
  background-color: lightgray;
}

.table-hover .table-gray-9:hover > td,
.table-hover .table-gray-9:hover > th {
  background-color: lightgray;
}

.table-gray-13,
.table-gray-13 > th,
.table-gray-13 > td {
  background-color: #fdfdfd;
}

.table-gray-13 th,
.table-gray-13 td,
.table-gray-13 thead th,
.table-gray-13 tbody + tbody {
  border-color: #fbfbfb;
}

.table-hover .table-gray-13:hover {
  background-color: #f0f0f0;
}

.table-hover .table-gray-13:hover > td,
.table-hover .table-gray-13:hover > th {
  background-color: #f0f0f0;
}

.table-gray-14,
.table-gray-14 > th,
.table-gray-14 > td {
  background-color: #f9f9f9;
}

.table-gray-14 th,
.table-gray-14 td,
.table-gray-14 thead th,
.table-gray-14 tbody + tbody {
  border-color: #f4f4f4;
}

.table-hover .table-gray-14:hover {
  background-color: #ececec;
}

.table-hover .table-gray-14:hover > td,
.table-hover .table-gray-14:hover > th {
  background-color: #ececec;
}

.table-gray-15,
.table-gray-15 > th,
.table-gray-15 > td {
  background-color: #e4e3e3;
}

.table-gray-15 th,
.table-gray-15 td,
.table-gray-15 thead th,
.table-gray-15 tbody + tbody {
  border-color: #cccccc;
}

.table-hover .table-gray-15:hover {
  background-color: #d7d6d6;
}

.table-hover .table-gray-15:hover > td,
.table-hover .table-gray-15:hover > th {
  background-color: #d7d6d6;
}

.table-gray-16,
.table-gray-16 > th,
.table-gray-16 > td {
  background-color: #d2d2d2;
}

.table-gray-16 th,
.table-gray-16 td,
.table-gray-16 thead th,
.table-gray-16 tbody + tbody {
  border-color: #acacac;
}

.table-hover .table-gray-16:hover {
  background-color: #c5c5c5;
}

.table-hover .table-gray-16:hover > td,
.table-hover .table-gray-16:hover > th {
  background-color: #c5c5c5;
}

.table-gray-17,
.table-gray-17 > th,
.table-gray-17 > td {
  background-color: #fafafb;
}

.table-gray-17 th,
.table-gray-17 td,
.table-gray-17 thead th,
.table-gray-17 tbody + tbody {
  border-color: #f5f6f8;
}

.table-hover .table-gray-17:hover {
  background-color: #ececf0;
}

.table-hover .table-gray-17:hover > td,
.table-hover .table-gray-17:hover > th {
  background-color: #ececf0;
}

.table-gray-18,
.table-gray-18 > th,
.table-gray-18 > td {
  background-color: rgba(242, 243, 243, 0.804549);
}

.table-gray-18 th,
.table-gray-18 td,
.table-gray-18 thead th,
.table-gray-18 tbody + tbody {
  border-color: rgba(222, 224, 225, 0.63702);
}

.table-hover .table-gray-18:hover {
  background-color: rgba(229, 231, 231, 0.804549);
}

.table-hover .table-gray-18:hover > td,
.table-hover .table-gray-18:hover > th {
  background-color: rgba(229, 231, 231, 0.804549);
}

.table-white,
.table-white > th,
.table-white > td {
  background-color: white;
}

.table-white th,
.table-white td,
.table-white thead th,
.table-white tbody + tbody {
  border-color: white;
}

.table-hover .table-white:hover {
  background-color: #f2f2f2;
}

.table-hover .table-white:hover > td,
.table-hover .table-white:hover > th {
  background-color: #f2f2f2;
}

.table-indigo,
.table-indigo > th,
.table-indigo > td {
  background-color: #c4bddc;
}

.table-indigo th,
.table-indigo td,
.table-indigo thead th,
.table-indigo tbody + tbody {
  border-color: #9285be;
}

.table-hover .table-indigo:hover {
  background-color: #b5acd3;
}

.table-hover .table-indigo:hover > td,
.table-hover .table-indigo:hover > th {
  background-color: #b5acd3;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(231, 234, 243, 0.4);
}

.table-hover .table-active:hover {
  background-color: rgba(214, 219, 235, 0.4);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(214, 219, 235, 0.4);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #77838f;
  background-color: #f8fafd;
  border-color: #ecedf2;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1479.98px) {
  .table-responsive-wd {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-wd > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 1.34rem + 2px);
  padding: 0.67rem 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #818181;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #dddddd;
  border-radius: 1.4rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #818181;
  background-color: #fff;
  border-color: #66afe9;
  outline: 0;
  box-shadow: none;
}

.form-control::-webkit-input-placeholder {
  color: #818181;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #818181;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #818181;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #818181;
  opacity: 1;
}

.form-control::placeholder {
  color: #818181;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #f8fafd;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #818181;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.67rem + 1px);
  padding-bottom: calc(0.67rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(1.125rem + 1px);
  padding-bottom: calc(1.125rem + 1px);
  font-size: 1.09375rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.625rem + 1px);
  padding-bottom: calc(0.625rem + 1px);
  font-size: 0.76562rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.67rem;
  padding-bottom: 0.67rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #333e48;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 1.25rem + 2px);
  padding: 0.625rem 1.125rem;
  font-size: 0.76562rem;
  line-height: 1.5;
  border-radius: 1.3rem;
}

.form-control-lg {
  height: calc(1.5em + 2.25rem + 2px);
  padding: 1.125rem 1.125rem;
  font-size: 1.09375rem;
  line-height: 1.5;
  border-radius: 2rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: rgba(0, 0, 0, 0.2);
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #00c9a7;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.76562rem;
  line-height: 1.5;
  color: #fff;
  background-color: #00c9a7;
  border-radius: 0.3125rem;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #00c9a7;
  padding-right: calc(1.5em + 1.34rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300c9a7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.335rem);
  background-size: calc(0.75em + 0.67rem) calc(0.75em + 0.67rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #00c9a7;
  box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 1.34rem);
  background-position: top calc(0.375em + 0.335rem) right calc(0.375em + 0.335rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #00c9a7;
  padding-right: calc((1em + 1.5rem) * 3 / 4 + 2rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300c9a7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 2rem/calc(0.75em + 0.67rem) calc(0.75em + 0.67rem);
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #00c9a7;
  box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25);
}

.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #00c9a7;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #00c9a7;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #00c9a7;
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #00fcd1;
  background-color: #00fcd1;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #00c9a7;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #00c9a7;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #00c9a7;
  box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #de4437;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.76562rem;
  line-height: 1.5;
  color: #fff;
  background-color: #de4437;
  border-radius: 0.3125rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #de4437;
  padding-right: calc(1.5em + 1.34rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23de4437' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23de4437' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.335rem);
  background-size: calc(0.75em + 0.67rem) calc(0.75em + 0.67rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #de4437;
  box-shadow: 0 0 0 0.2rem rgba(222, 68, 55, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 1.34rem);
  background-position: top calc(0.375em + 0.335rem) right calc(0.375em + 0.335rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #de4437;
  padding-right: calc((1em + 1.5rem) * 3 / 4 + 2rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23de4437' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23de4437' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 2rem/calc(0.75em + 0.67rem) calc(0.75em + 0.67rem);
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #de4437;
  box-shadow: 0 0 0 0.2rem rgba(222, 68, 55, 0.25);
}

.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #de4437;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #de4437;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #de4437;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e56d63;
  background-color: #e56d63;

}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(222, 68, 55, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #de4437;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #de4437;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #de4437;
  box-shadow: 0 0 0 0.2rem rgba(222, 68, 55, 0.25);
}

.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: center;
      align-items: center;
}

.form-inline .form-check {
  width: 100%;

}

@media (min-width: 576px) {
  .form-inline label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}


.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
